Site Overlay

さくらインターネットでのWordPress運用 vs PageSpeed Insights & Lighthouse

先日より再稼働したTorar.org。表題の件で細かいことをいろいろやりながら、PageSpeed InsightsとLighthouseでの数値の向上のためにやってきたことを私的メモ的にまとめておいて後で何がミスっているのか検証をしたいと考えております。

ドメインのSSL化

まずは借りている箱がさくらインターネットさんなので、そちらでドメインのSSL化の設定を行いました。多分うちのワンコでも出来るくらい簡単でした。

あとはさくらインターネットさんが出しているプラグインを入れるだけでした。

さくらのレンタルサーバ 簡単SSL化プラグイン

WordPressのプラグインの最適化

いろいろあるのですが、キャッシュ系プラグインおよびJetpackの設定です。

このJetpackどうも遅くなっている原因ではないかと考えられるのですが現在検証中です。

また、Autoptimizeも使用しているのですが、これもどこまで正確に可動しているか不思議な結果となっているので要検証です。

あとはThemeの問題も大きいかと考えています。

htaccessの最適化

上記プラグインの設定で自動的に書き換わったものに更に手作業で下記のようなコードを記載しております。

BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|ico)$ no-gzip dont-vary
SetEnvIfNoCase Request_URI _\.utxt$ no-gzip

AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-font-opentype .otf
AddType application/x-font-woff .woff
AddType image/svg+xml .svg
ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
ExpiresByType application/x-font-ttf "access plus 1 year"
ExpiresByType application/x-font-opentype "access plus 1 year"
ExpiresByType application/x-font-woff "access plus 1 year"
ExpiresByType image/svg+xml "access plus 1 year"

さくらインターネット設定の最適化

まずやるべきはPHPのバージョンの変更です。

さくらインターネットでのWordPress運用 vs PageSpeed Insights & Lighthouse
PHPのバージョン

またWAFはOFFにしてあります。いろいろなプラグインの挙動がおかしくなるため。ただ国外IPからのはONにしてあります。

結果 2019/03/18段階

さくらインターネットでのWordPress運用 vs PageSpeed Insights & Lighthouse
Lighthouse結果

なおLighthouseの検証はWordPressにログインした状態のサイトでやると数値がそれも含めて検証する模様で良くないです。管理画面編集してない他のブラウザでログイン状態でやられるとよいかと思われます。

さくらインターネットでのWordPress運用 vs PageSpeed Insights & Lighthouse
PageSpeed パソコン結果
さくらインターネットでのWordPress運用 vs PageSpeed Insights & Lighthouse
PageSpeedTest モバイル結果
さくらインターネットでのWordPress運用 vs PageSpeed Insights & Lighthouse
Gtmetrix結果

反省点

というか画像が多いから仕方ないんだけど。またここに至るまでにいろいろ触りすぎて一度サイトの画像全部飛ぶ?的な事故が起きて日曜の深夜にバックアップから復旧させるという荒業も行いました。バックアップは大切です。

パフォーマンスはPagespeedTestでもGTmetrixでも悪いので今後はここの調整に集中しようかと。

Share