[更新日]2023年03月29日Category:遊び・生活さくらインターネットのサーバ上のWordpressで運用するブログの表示スピードを改善しました。Insightsで、PCは100点、モバイルも100点近くの数値を出すことができました。自分でも表示が遅いなと思うブログでしたが、かなりのスピードアップを実現した10の対策を書き留めておきたいと思います。さくらインターネットで表示が遅いと感じている方は、是非ためしてみてください。<スポンサーリンク>サーチコンソールで導入されたスピードという要素サーチコンソールに速度(試用運転版)という項目が増えました。今はまだ検索順位に関係しないと言われていますが、低速URLだとエラー表示が出てしまいます。これが気持ち悪い!私はSEOの専門家ではありませんから確かなことは言えませんが、エラー表示になるからには、将来的には検索順位にも影響があるのは間違いないでしょう。私のサイトは速度アップに取り組む前は、低速表示で問題ありのURLが500以上の表示されていました。これはなんとかしておかないといけない気になりますよね?さくらインターネットのサーバでも速度アップできた最初にどのくらい速度アップしたか書いておきたいと思います。2年ほど前はおそらく、PCもモバイルも低速だったと思います。それから、さくらインターネットのサーバでもモジュールモードを導入したので、Wordpressの高速化をはかりました。Insightsの数値は、PCが中速、モバイルが低速だったと思います。その後、今回いろいろと対策を講じることで、数値は大幅に向上しました。Insightsで出ることもありました。速度が出ない時でも、中速のスピードはキープしています。さくらサーバでのWordpressのスピード対策さくらインターネットに限らず、定番の対策をしていくことで速度はどんどん改善していきます。Insightsでそこそこのスピードが出るようになりました。順番に対策をみていきたいと思います。対策1:さくらサーバのWordpressをモジュールモードで動かすこちらはすでに昨年やっておりました。当時のスピードのテストでPCでのスコアが低速から中速になりました。数値以上に体感性能がアップするので、CGIモードで動かしている方は是非やるべきです。最大16倍!さくらの新サーバでWordpress高速化!乗換手順もhttps://tripoo-net.com/life/computer/14337/Wordpressの実行速度が遅いさくらのレンタルサーバを使っていましたが、さくらの新しいレンタルサーバでは、2018年4月18日以降の新規のお客様に対してPHPモジュールモー...対策2:さくらサーバでリソースの圧縮を有効にするサーバ側でリソースを圧縮し、サーバからブラウザへの転送サイズを減らしてブログの表示速度を速くします。こちらも以前やっていたので、そちらの記事をご覧ください。WP高速化・さくらサーバ側でリソースを圧縮を有効にするhttps://tripoo-net.com/life/computer/9693/WordPressの高速化のため、今回は圧縮を有効にしてみたいと思います。使用してリソースを圧縮することで、ネットワークで送信...→対策1・対策2で<PC:低速・モバイル低速>→<PC:中速・モバイル低速>になりました。自作テンプレートを使っているのですが、変数を使ってサーバーで計算させていた部分を排除したり、テンプレートの軽量化に取り組みました。ネットで配布されたテンプレートを使っている場合は、速度に定評のあるテンプレートに変更するのが良いと思います。対策4:JSの読み込み位置と整理JSについては、後半部分の</body>の手前に置くようにしました。JSで書かれたスクリプトも必要なもの以外は使わないようにしました。最近はJSで何でも出来てしまうので、いろいろ組み込んでしまいがちですが、たくさん組み込むと速度UPしづらくなってきます。対策5:使わなくてすむプラグインは使わないWPの動作を軽くし、WEBでの読み込みも減らしたかったので、必要なプラグインに絞りました。それほどプラグインは使っていなかったので、これによって大きく速度は変わりませんでしたが積み重ねが大切です。→対策3・対策4で<PC:中速・モバイル低速>→<PC:高速・モバイル低速>になりました。対策6:Autoptimizeでソースのコードを圧縮スピード対策で定評のあるAutoptimizeを導入しました。HTMLやJSのコードの空白や改行などをなくし、読み込みのスピードをアップさせることができます。攻めた設定はしておらず、基本的なところにチェックしてあるだけですが、かなり効果はありました。私のサイトでは、Autoptimizeの導入によってJSのスクリプトが動かないものも出てしまいました。速度を重視したいため、プラグインの方を廃止。設定も載せておきます。対策7:画像の遅延読み込みで表示を速く画面に表示されていない画像の読み込みを遅らせて、表示状況に応じて後から画像を読み込ませて表示の高速化をする方法です。プラグインもいろいろあります。私は4つほど試しました。思ったよりもトラブルが出てしまいました・・・。他のJSのプログラムとの兼ね合いもあると思うのですが、画面がフラッシュぎみになるもの、グローバルナビのメニューが使えなくなるもの、動作がなんとなく変なもの・・・など。結局、Autoptimizeを導入したこともあり、Autoptimizeの遅延読み込みを使うことにしました。今の所不具合は出ていませんが、Wordpressのテンプレートによって違うと思いますので、プラグインを試して良さそうなものを使って下さい。どのプラグインでも若干スピードアップしました。Lazyloadを試しています。対策8:キャッシュを使って高速化キャッシュを使って高速化する手法も取り入れました。Cashの2つのプラグインを試しました。この2つは仕組みが違うのですが、どちらかしか使えません。CashはWordpress側でキャッシュをして高速化をします。契約しているサーバに関係なく使えます。CashはサーバのPHPのキャッシュ機能を使って高速化します。さくらインターネットのサーバはAPCuに対応しているため、このプラグインを利用できます。速度はどちらを使っても、同じくらいのスピードアップでしょうか。計測ムラもあるので、厳密にはわかりませんが、どちらを使っても若干の数値はUPしているようです。Cashを導入しました。→対策6・対策7・対策8で<PC:高速・モバイル低速>→<PC:高速・モバイル中速>になりました。対策9:Adsenseの遅延読み込み外部サイトからの読み込みにとても時間がかかっていて、とにかくモバイルの速度があがりません。ADsenseをなんとかしないと、これ以上の速度アップは厳しそうでした。こちらのサイトを参考に、ADSenseの遅延読み込みのJSを導入しました。画像の遅延読み込みなんか比較にならないほどの大きな速度UPができました。バグ取りの日々https://www.bugbugnow.net/2019/05/GoogleAdSense-lazy-loading.htmlGoogleAdSenseの読込みの遅さを改善する。src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>をHTML上から削除し、下記のコードを</body>直前に配置することで、Adsenseが遅延読み込みされます。window);</script>対策10:iFlameの遅延読み込みYoutubeの埋め込みや、GoogleMapの埋め込みなど、iflameを使って外部サイトを表示しているページの速度の低下が顕著でした。こちらも画面上に表示されていない部分を後から読み込みさせることによって、ファーストビューの表示を速くしました。こちらのページを参考にしました。Lazyloadを試しています。→対策9・対策10で<PC:高速・モバイル中速>→<PC:高速・モバイル高速>になりました。Insightsで高速のスコアが出るようになりました。時間帯などによって速度にムラはありますが、コンスタントに中速以上は出るようになり、サーチコンソールのエラーも消えました!youtubeや地図がいくつか乗っているページはまだ低速になることもありますが、さくらインターネットでもサーチコンソールでエラーを出さずに運用できそうです。様々な工夫でWordpressを高速化することは出来ますが、高速のサーバを使うことでWordpress自体に工夫することなく高速化が可能なのがレンタルサーバの変更です。実は私はさくらサーバを長い間使っていましたが、エックスサーバーに乗り換えました。さくらサーバがSSD化する直前です(苦笑)エックスサーバー印象としては、混みやすい時間帯にやや遅くなる事がありますが、体感もGoogleの数値上も高速を保っているので満足しています。乗り換えてしまいましたが、ずっと使っていたさくらサーバもリーズナブルで安定度が高いので初めてレンタルサーバを借りる人におすすめです。安定度とリーズナブルな料金が魅力のさくらサーバかつては遅いと言われていたさくらインターネットですが、PHPモジュールモード、SSD化などによって、スタンダードプランでも十分なスピードが出せるようになりました。長年使っていましたが安定度はとても良く、それに対して料金がとてもリーズナブルなのが魅力です。はじめたばかりで料金は抑えたい人はさくらインターネットもオススメです。ERROR<スポンサーリンク>コメントするメールアドレスが公開されることはありません。date*日本語が含まれない投稿は無視されますのでご注意ください。(10/28)元旅人にもおすすめ!ゲストハウスが面白い!こんにちは。(10/28)元旅人にもおすすめ!ゲストハウスが面白い!こんにちは。(10/25)変わった風景、変わらない風景。鶴見川プチサイクリングこんばんはー。釣り掘り、隣の家の子とよく行きました〜。(10/25)変わった風景、変わらない風景。鶴見川プチサイクリングこんばんは。教えて頂きありがとうございました。説明書を確認しました。reserved.プライバシーポリシ。