ホーム » WordPressテーマを載せ替えて表示スピードが遅くなったのを改善

WordPressテーマを載せ替えて表示スピードが遅くなったのを改善

by MOMO

install直後に『百聞』のサーバ周りの記事を書いたときにはデフォルトの”Twenty Twenty-Two”のバージョン1.2でした。めちゃくちゃ見出しのサイズが大きくびっくり! そういえばすぐにテーマってオリジナルのものに載せ替えるから使ったことがなかったんだわ…

で、記事をアップした後にこのWordPressのお勧めでテーマでどのくらいスピードテストでベンチが出るか試しておきました。
ちなみに当たり前なんだけど、我がサーバーのVMでNginxで運用しているほかにApacheでのベンチとも比べてるんですけど、こんなプアなサイトでは全くというほど差などは出ません。
なので当面の間はWebサーバーのスペックでのスピードよりもCSSやJavaScriptでの対応でスピードを上げることを考えていこうと思います。

Twenty Twenty-Twoでのテスト結果は?

PageSpeed Insightsでテストしました。いつもお世話になっているGooglさんが提供してくれているデベロッパーのサービスサイトです。

確か… 「携帯電話」でオレンジ色の60台だったような… ごめんなさいキャプチャとってなかったわ。
あれま、Drupalと比べたら最初っから結構遅いのね…
Drupalで運用している私の研究のサイトはCSSとJavaScriptのシンプルな統合だけで携帯電話で 99 デスクトップで100 パフォーマンスが出てるんです。
やっぱり皆さんがNginxがいいとかいろいろな対応策の話に事欠かないのは元々のベースからやっぱり重たいから… ということは? 絶対的に対策が必要ってことです。

新しいSoledadのテーマでのスピードはどうだったかというと

その後、いくつかのプラグインも載せてテーマを変更したあとにまたスピードテストしました。
これがね… また想像通りにもっと遅い…(またキャプチャを撮り忘れました)
で、このテーマ『Soledad』にはテーマで用意されているspeed optimization機能があってので、まずいろいろ試してみて感じたことは…やたら設定項目が分かれてて面倒ってこと。
「メガメニューでの画像をどうしますか?」

そもそもそんなメニュー付けるつもりもないし、もう今時そういうユーザビリティー効果は時代遅れだし…やっぱり人の作ったテーマってこういうことになるんでしょうかね。あっさりガツンが無いんです。まぁ、とにかくいろいろやって見た結果緑色には届きませんでした。それを思うとやっぱりDrupalは優秀だったのね。

ということで、頭に中にはDrupalでの運用に乗り換えようかという囁きが頭をよぎります…
おやおや、今回はWordPressを自分のために運用するというのが第一の目的だったのでは?
ここはプラグインで優秀なのを見つけることで対応しましょう。
まずは自分の拘るところまで自分でやってみることですね。

プラグインはいろいろ使ってみたけど

すべてオールインワンでお任せできるものは表示がおかしくなったり、highlight codeが単色になったりと何を諦めるか何を選択するかでチョイスは分かれるところだと感じます。

現状はいろいろカスタマイズできるものを使って何度もあれこれチェックしたり外したりしながら表示確認して対策しました。
そもそもコンテンツはそんなに無いしTOPページの測定スピードは出て当たり前なんだけどね。

 
十分満足できる数値にはなりました。ただし、手動でサイトをもっとタイトにする対策をとるつもりなので、このベンチのSPEEDは今現在のただの数値であってこの先の保証と言うことでもないから自慢するつもりは無し。

 

最近後輩たちとの話の中で、スピードがどうこう言う前の前という話になって…
コンテンツがよければはてブが一番だったり…とか? マネージはすべて他人任せでコンテンツのブラッシュアップが大事だと。

 

まぁ、本気に本当にその通りだと感じますよ…

 

現在変な感じのTOPページ…これが読み込み遅延処理

訪問してくださった方、気がついたと思いますけど…
なんだか画像表示まで動作が変でしょう。これ、面白くて実は私は放っておこうと思ってます。
文章を読んでもらうにはこれが何ら妨げになるとは思えないから。

 

そうなんです。我がTOPページに変遷してスマホだったらユーザの手が動く瞬間まで画像は表示されません。ただし、これはTOPページにかぎったこと。シングルページに移動したときは大丈夫です。でも速いんです!

 

現状PageSpeed Insightsでは
携帯電話

携帯電話

デスクトップ

デスクトップ

見て解るように診断ではTOPで画像が表示されていないんです。
でも、やっとこれでDrupal並みまで持ってきましたよ… 

使ったプラグインは現状はWP Rocket1年契約しました。

You may also like