ホームページ速度の改善(4/E)

つづき

6.ローカルPCでの速度評価
  今までの対策が、どの程度効果があるかをローカルPC環境で確かめる。
  WEBに反映する前の事前確認である。
(1)測定するツール
    Web担当者Forum版 ページ速度分析ツール
(2)測定するページ
   バタイユゲーム情報版のトップページ
(3)測定結果(単位はミリ秒)

対策内容FirefoxGoogleChrome
HTML4(旧版)310213
HTML5+文章リスト化486247
HTML webp対策344239
背景画像webp対策を追加444290
preload対策を追加808213

(4)結果の考察
 (A)背景画像webp対策
   画像容量の低減の効果よりも、HTML+CSS+JSの処理時間の増加が上回ったと思われる。
   その為、この対策は見送ることにした。
 (B)preload対策
   下記のWEBページにあるように、Firefoxがpreloadに対応していない為、
   その指定の処理(異常処理?)に余分な時間がかかったと思われる。
   Firefoxが対応するまでは、この対策も見送ることにした。
   ・Can I use preload?

 

<個人的な感想>
背景画像webp対策が逆効果だった事にガッカリした。なかなか思うようには上手くいかないものである。

 

<リンク>

ブログのトップページは、こちら

バタイユゲーム情報班のホームページは、こちら