humming note

ブログ、鼻歌まじりに

脳天気にこのホームページを作っていたら、とてつもなく重いページになってしまっていた。表示速度を100点満点で表してくれるPageSpeed Insightsでも散々な結果に。このホームページはwordpress.org&凝ったテーマ(テンプレート)で作っていて、トップページに詰め込んでいるし、動きもあるし、写真も多い。いろいろやれるからってやりたい放題ではダメなのね。以下の手を打ってみたので、だれかの参考になれば。

☆1枚1枚の写真の容量を減らす。photoshopでサイズと画質を下げて保存しなおし。
☆さらに「Compress JPEG & PNG images」というプラグインで画像を圧縮。
☆ヘッダーのスライドショーの写真を3枚から1枚に。
☆「BJ Lazy Load」というプラグインで画像の遅延読込(ページを開くときに見えない下の方の画像はあとから読み込む)を可能に。
☆「Autoptimize」というプラグインでHTML、CSS、JavaScriptのコードを圧縮。
☆「P3 (Plugin Performance Profiler)」というプラグインで負荷のかかるプラグインを把握。
☆「WP Fastest Cache」というプラグインでキャッシュ(一度訪れたページをデバイスに記憶させる)を管理。
☆使わないページや画像はすべて削除。
☆そして最後は極めつけ、サーバを移行。ドメインキングからエックスサーバーへ。

で、最初は50を切っていた数値が93まで上がった。モバイルは、よくて65と振るわないが、PageSpeed Insightsはモバイルでいい数字が出ないようだから、これで満足。

これまで見てくれていた皆さま、ご迷惑をおかけしました。少しは速くなったかな。

other posts