つづき
6.ローカルPCでの速度評価
今までの対策が、どの程度効果があるかをローカルPC環境で確かめる。
WEBに反映する前の事前確認である。
(1)測定するツール
Web担当者Forum版 ページ速度分析ツール
(2)測定するページ
バタイユゲーム情報版のトップページ
(3)測定結果(単位はミリ秒)
対策内容 | Firefox | GoogleChrome |
HTML4(旧版) | 310 | 213 |
HTML5+文章リスト化 | 486 | 247 |
HTML webp対策 | 344 | 239 |
背景画像webp対策を追加 | 444 | 290 |
preload対策を追加 | 808 | 213 |
(4)結果の考察
(A)背景画像webp対策
画像容量の低減の効果よりも、HTML+CSS+JSの処理時間の増加が上回ったと思われる。
その為、この対策は見送ることにした。
(B)preload対策
下記のWEBページにあるように、Firefoxがpreloadに対応していない為、
その指定の処理(異常処理?)に余分な時間がかかったと思われる。
Firefoxが対応するまでは、この対策も見送ることにした。
・Can I use preload?
<個人的な感想>
背景画像webp対策が逆効果だった事にガッカリした。なかなか思うようには上手くいかないものである。