WordPressサイトを可能な限り高速化します。

WordPressを可能な限り高速化します。
Wordpressを高速化してPageSpeed Insightsにて携帯電話90点以上・デスクトップ95点以上のスコアを目指します。

 

上記スコアを必ず保証しているわけではありません。

必要に応じてプラグインを追加する場合もあります。

 

サーバーの反応速度・Wordpressの状況によって高速化がこの上なく無理な場合はお引き受けできない場合がありますので、必ず事前にご相談ください。

 

■ご成約時の注意・お願い■

●必ず事前にご相談下さい。
その際に
  ・対象サイトのURL
  ・ご利用されているレンタルサーバー名
  ・Wordpressにてご利用中のテーマ
  ・Wordpressにて有効化しているプラグイ名一覧(画像キャプチャでもOKです。)
について、可能な範囲でお教えください。

●事前のご相談がない場合はキャンセルさせて頂く場合もあります。

●申し訳ありませんが、下請法対応の場合は当面お引き受けできません。

●高速化の作業の際にプラグインを追加する場合もありますので、ご成約後に
  ・Wordpressのログイン情報(ログインURL・ログインID・ログインパスワード)
  ・FTP情報(FTPホスト・FTPアカウント・FTPパスワード)
が必要になります。

●ご成約後すぐに作業に取り掛かりますので、ご成約後のキャンセル・返金は承ることはできません。

サーバー自体が非常に遅い場合は高速化に限度がありますので、その際は別途サーバーの提案をさせて頂きます。

 

画像・動画がメインのサイトは高速化が難しいのでお断りさせていただく場合もあります。

十分に高速化できる場合もありますので、必ず事前にご相談ください。

 

以下、メモ的に書いておきます。

 

冒頭の画像はクライアント様のWordpressサイトを高速化した時のスコアですが、試しに当サイトも可能な限り高速化の施策をしてみました。

 

以下はその時の当サイトの PageSpeed Insights のスコアです。
ほんと針の穴を通すような、思いつく限りの対策をしました笑

■追記■
PageSpeed Insightsのスコア履歴は一定期間あるいは一定数のアクセス後に削除される仕様らしく、上記URLのスコア履歴はなくなってしまいました。

 

なお、この記事を書き始める最初の時点では、使用中のプラグインの数は41個です。

プラグインの数は41個です。

 

使っているテーマは Cocoon です。

 

■テーマ付属のフォントを使った場合
携帯電話(モバイル)は91点

【フォント使用】PageSpeed Insightsのスコア・携帯電話

 

デスクトップ(パソコン)は100点

【フォント使用】PageSpeed Insightsのスコア・デスクトップ

 

 

パッケージを販売する私が言うのもなんですが、計測する時間帯・タイミングで30~40点乱高下するので、正直ほんと自己満足の意味しかありません><

 

■残りの改善できる箇所(当サイトの場合)

【携帯電話】残りの改善できる箇所

LCP(Largest Contentful Paint)とは、ページ内で最も大きなコンテンツ部分が表示されるまでの時間のことです。
対策するたびに該当箇所が変わったりします。

 

【デスクトップ】残りの改善できる箇所

FCP(First Contentful Paint)とは、ページの読み込みが始まってから何かしらのコンテンツがレンダリング(描写)されるまでの時間のことです。
ほとんどの場合はファーストビューの箇所です。

 

使用していないCSSが68.5kb中67.0kb削減可能です・・・とか書いてありますが、そんなに削減したら他のページがちゃんと表示できなくなる可能性高いです。。。

 

PageSpeed Insightsのスコアはもちろん100点目指しますが、何度か計測して90点以上取れれば良いかな、程度に考えていたほうが精神衛生上無難です。
SEOにおいてPageSpeed Insightsのスコアは最優先すべきものではありません!

 

ちなみに現時点でPageSpeed Insightsのスコアが携帯電話30点とかの場合は、MAX施策しても70点とかしか行かない気がします。
90点行く場合もありますが正直やってみないとわかりません。

 

 

■追記■
その後いくつか新たな対策をひらめいてその施策をしましたがPageSpeed Insightsのスコアは全く同じです。。。

 

携帯電話(モバイル)は91点

PageSpeed Insightsのスコア(携帯電話)・最後の計測

デスクトップ(パソコン)は100点

PageSpeed Insightsのスコア(デスクトップ)・最後の計測

 

これ以上のスコアUPは

  • テーマ内蔵のフォントをやめる※1
  • テーマを変更する※2
  • CDN(コンテンツデリバリーネットワーク)を導入する※3
  • 超高性能・超高速なサーバーに移行する※4

くらいしか改善策がないです、と思います。。。

 

※1 PageSpeed Insightsのスコアがすでに携帯電話・デスクトップともに90点以上な状況でテーマ内蔵のフォントをやめても、スコアはほとんど改善しませんでした。

 

※3 CDN(コンテンツデリバリーネットワーク)を導入すればスコア改善するのはわかってはいますが、『このスコアの時点でCDNを導入してもどうなのかな?』と思います・・・と思いつつ、試しにCloudflareを導入して諸々設定してみましたが、

  • すでに色々高速化できてるのでCDNを導入しても、スコアUPもなく速度改善の体感も一切なかった
  • WordPress管理画面にログインできなくなった(WAFはOFFにしてあります。)

だったので、Cloudflareは全キャッシュをパージして一時停止 & プラグインはひとまず無効にしたままにしておき、CDNの導入はやめました。

 

あくまで既に高スコアな当サイトの場合の話で、一般的にはCDNを導入することでスコア改善を体感できるケースが多いはずです。

 

※4 現時点でもわりと良いサーバーなので、専用サーバーかつ世界有数の超高性能なサーバーに移行すればスコア改善できる可能性は超少しだけありますが、世界有数の超高性能なサーバーって月額(ry笑・・・そこまでする価値はありません。

 

Cloudflareを導入するとWordpress管理画面にログインできなくなるのは私の設定ミスで、CloudflareのメニューのSSL/TLS の『お客様の SSL/TLS 暗号化モード』を

  • フレキシブル → フル

に変更することでWordpress管理画面にログインできるようになりました。

Wordpress管理画面の各メニューを表示しようとするとちょくちょく『ページの自動転送設定が正しくありません』とエラーになりましたが、Cloudflareのメニューのルール → ページルールにて、

  • *www.kaimonojyoz.jp/wp-admin/* を キャッシュ レベル: スキップ, パフォーマンスを無効にする
  • *www.kaimonojyoz.jp/*&preview=true* を キャッシュ レベル: スキップ, アプリを無効にする
  • *www.kaimonojyoz.jp/* を キャッシュ レベル: Cache Everything, エッジ キャッシュ TTL: 1ヶ月

の3つを作成することで正常になりました。

 

現状でも体感的には、過去20年のWordpress歴で最速に近いサイトになっている気がします。

 

 

■さらに追記■



しばらく追記で書いていましたが超長くなりましたので、移動しました。
端折った抜粋内容は

当サイトのWordpress高速化の施策まとめ(備忘録)
当サイトのWordpress高速化について色々試したことのまとめです。あくまで備忘録です。

に書きました。

初歩的説明なしの記事ですのでご興味ある方だけお読みください。

 

最終的なPageSpeed Insightsのスコアは

  • 携帯電話(モバイル)は97点
  • デスクトップ(パソコン)は100点

高速化の作業・最後のスコア

と改善はしましたが、何度も書いてますがPageSpeed Insights のスコアは計測する時間帯・タイミングで30~40点乱高下します。
※上記97点のスコアの1分後に再計測すると62点でした。。。

 

体感的には過去20年のWordpress歴で最速なサイトになっていますので、当サイトの表示速度改善に関しては作業終了とします。

 

当サイトの現状は

  • テーマは Cocoon
  • テーマ付属のフォントは使わず、Webフォントを120分割するやり方で使用
  • 使用中のプラグインは41個(停止中は5個)
  • CDNはCloudflare無料プランを使用
  • お問い合わせページ以外静的HTML化※

という状況です。

※静的HTML化についてですが、ほとんどのWordpressサイトは静的HTML化する必要はありません。

 

静的HTML化してない普通のWordpressサイトでも、ちゃんと各種高速化設定されていればPageSpeed Insightsにて携帯電話90点以上・デスクトップ95点以上は可能で、静的HTML化したサイトと比べても表示速度は0.5秒以内の差しかありません。
※当サイトで確認済み

使用中のプラグインは41個(停止中は5個)ですが、41個ってちょっと多過ぎですね。
表示速度に影響しないよう調整済みなので問題ないですが、一般的には間違いなく多過ぎです><

使用中のプラグインは41個(最終)

たぶん10個くらいが理想です。

  • Cocoonの親テーマがバージョン2.7.0だと表示速度が遅くなる
  • Webフォントのサブセット化あるいは120分割するやり方※一般的には120分割するやり方がベターです。
  • Cloudflare無料プランの場合、Wordpressにログインしたままの状態のページをキャッシュすることがある
  • 静的HTML化した理由

については

をお読みください。

 

特に3つ目の『Wordpressにログインしたままの状態のページをキャッシュ』はあってはならないことですが、ちゃんと設定すれば大丈夫です。

 

 

余計な話が多くなりましたが、『PageSpeed InsightsのスコアをUPしたい!』『表示速度を改善したい!』という場合はお問い合わせください。

PageSpeed Insightsにて携帯電話90点以上・デスクトップ95点以上のスコアにするには当パッケージの3つの料金プランのうち最上位プランでないと難しい気がしますが、可能な範囲で対応します。