webを扱った仕事をしています。
本日色々分からなくなってしまいましたので教えていただけたらと思います。
元のHTML+CSSソース
2.2KB
画像1
80KB
画像2
80KB
javascriptを使って画像1と2をロールオーバーさせる広告素材を作りました。
画像自体の差し替え作業が多く、1と2は変わらない固定された一部分の色と透過具合が変わるだけの仕様でしたので、
下記のように書き換えてみました。
HTML+CSSソース
4.5KB
画像1
80KB
png画像1
5KB
png画像2
5KB
透過のためのjsファイル
12KB
この際、cssでロールオーバーする仕様に変えており、html+cssのソースが倍ほどになりました。
ソースが長くなった事を上司に指摘されて、なんて返答していいかゴモゴモ・・・となってしまったのですが、
・画像の容量と合わせた合計値が前より減ってるので良いはず?
・htmlソースが長くなるのはやはり良くない?(この場合ヘッダーのcss部分)
・cssも外部にしたほうが良い?
・そもそもそんな細かい事はどうでもいいんじゃない?
割と転送量のある広告記事のため、はっきりした答えが欲しいなと思い、コチラに質問させていただきます。
よろしくお願いします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
ん~・・・
結構難しい話ですね。
転送量の問題や「同時接続」の問題は、極力少ない方が理想的でしょう。
ファイルの総数も同じだと思います。
読み込む量が多く成れば、サイズが小さくてもブラウザが表示する迄のタイムラグも発生しますしね。
CSSのサイズに関しては必要な情報なら削減する必要性は無いと思います。
外部化でも正常に確実に読み込むなら良いのでは?
javascriptに関してはコレに依存しない作りにするのが理想でしょう。
javascriptをOFFにして接続する人の事を考えると、無意味なファイルに成ります。
補助として考えるなら良いと思いますが。
上司が此の事を理解してるのかが鍵なのでは?と考える。
ご回答有難うございます。
その後、同種の記事広告が増えたのでcssを外部化しました。
やはり画像が多いと読み込みが遅いように、画像以外の外部ファイルの読み込みが多いと表示も遅れるんですかね。
最近は多数のcssファイル、jsファイルを読み込んでるサイトがありますよね。(パッと思い浮かんだ中ではニコニコ動画とか)
メリットを考えるとデメリットは微々たる問題なのでしょうか。
javascriptのOFF等のユーザビリティは確かに気をつけようと思いました。
上司に関しては直属担当では無い人物で、ソースだけしか見ていなかったので、この件が確認できたらちゃんと説明しようと思っています。
No.2
- 回答日時:
別にWebに限ったことではないですが、
会社が請け負った仕事を担当する際に最も重要なのは、
容易に引き継げることです。
今あなたが死んだ場合に、どちらの方が次の担当者が早くスタートできるかですね。
もちろん、今回の場合、特定の環境下におけるユーザビリティ等に
極端な差があれば、それを根拠に選択することになるかもしれませんが、
それは本来「仕様」であって請け負った側が選択することではないです。
ご回答有難うございます。
そうですね、場合によっては引継げるという事はとても重要だと僕も思います。
今回の広告記事は、Dreamweaver等には対応してないので他の誰でも引き継げる仕様では無いですが、まぁ僕が死んで、1から作り直したとしても30分ほどで作れちゃうと思いますので引継ぎの件は大丈夫だと思います。
また出稿しているサイト的に考えてユーザビリティ的にも致命的な差は無いと考えており、自社の広告のため仕様も自由なもので今回はこのような事になりました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS 差し込み画像にをcssで大きさ指定したい 1 2022/11/23 23:14
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- HTML・CSS HTMLとCSS(ブラウザ関連)について質問です。 1 2023/03/07 08:07
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- HTML・CSS HTML と CSS 1 2023/03/07 06:50
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HPレイアウトが同じページのヘ...
-
画像が表示されなくなった
-
すぐムラムラするのを抑えたい2...
-
YouTube 日本支社は存在するの...
-
緊急 XVIDEOSを久しぶりに検索...
-
ピザ屋注文したら、電話番号か...
-
A重油の単価
-
グーグルマップで「愛知 スーパ...
-
セキュリティ証明書エラーの解...
-
bingで、マイナス検索ってでき...
-
百度に繋がってしまいます;;;
-
グーグル検索の「0.21秒」って...
-
キーワード検索だけでアクセス...
-
pastebinって何ですか?
-
文字化けが直らないのです
-
ホームページアクセス数を増や...
-
ログインするにはCookieを有効...
-
iframeの中身の表示位置
-
「稚劣」という単語について
-
教えてgooでフリーズ?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HPレイアウトが同じページのヘ...
-
画像を差し替えたはずなのに変...
-
リンクボタンを3種類に変化させ...
-
FC2ホームページでアップロード...
-
IEの”ソースの表示”の無効化
-
画像が表示されなくなった
-
スライドショーが動かなくなり...
-
ホームページ・ビルダー 背景画...
-
HTMLはあっているのに違う画像...
-
faviconが表示されません
-
jimdoの独自レイアウトについて
-
アップロードした画像が見えない
-
thview.jsを使って360度パノラ...
-
HP管理画面の作り方
-
すぐムラムラするのを抑えたい2...
-
緊急 XVIDEOSを久しぶりに検索...
-
グーグル検索の「0.21秒」って...
-
bingで、マイナス検索ってでき...
-
VB.NET DataGridView 縦スクロ...
-
YouTube 日本支社は存在するの...
おすすめ情報