SWELLの高速化設定についてご紹介します。SWELLは高速化機能が充実しており、他のテーマから乗り換えて、サイトの表示速度が上がったという人が多いようです。Insights」のスコアが大きくアップ。先日、当サイトのスコアがPCで100、スマホでも96となりました。独自の高速化設定をすることもなく、SWELLの設定を中心に高速化対策をしただけでした。ここでは、当サイトの設定や高速化設定のポイントについてご紹介します。Insightsのスコアです。Insightsのスコアはサイトのページ読み込みのパフォーマンスを測る有名なツールです。サイトを独自の指標によって100点満点で評価し、どこを改善したら何秒程度速くなるのかを示してくれます。サイトスピードがどの程度かは分かりませんが、高速化に関するパフォーマンスを数値化してくれます。当サイトは、PCのスコアが100、スマホが96でした。PCのスコアスマホのスコア測るタイミングによってスコアは多少変動します。SWELLでは100をマークしている人はそんなに珍しくないようですが、他のテーマを使っている時は、絶対に無理と思っていたので、うれしかったです。これで、検索順位がすぐに上がるわけでもなく、自己満足的ですが(笑)サイトの高速化についてサイトを高速化すると以下のようなメリットがあります。ユーザビリティが向上サイト速度が遅いとストレスになり、ユーザーに離脱率が高まります。読み込み速度を少しでも速くすると、記事を見てくれるユーザが増えるでしょう。Developersのサイトに、「ページの読み込み速度をモバイル検索のランキング要素に使用する」との記載があります。読み込み速度が速い方とSEO的に良い評価につながります。ページの読み込み速度をモバイル検索のランキング要素に使用します(Google検索セントラルブログ)ただ、高速化はSEO的にプラスにはなりますが、数多くの要素が絡んでいるため、高速化したからといって、ただちに検索順位が上がるわけではありません。Insightsスコアが低くても検索上位に表示されているサイトは数多くあります。高速化対策は深堀りしていくときりがありません。こに多くの労力を割きすぎて、コンテンツの充実がおろそかになると本末転倒です。SWELLは高速化に強いWordPressテーマの表示速度ランキングでNo.13万以上のサイトデータを調査した「WordPressテーマの速度ランキング」(2023年マニュオン調査)でSWELLがNo.1となりました。上位には、有名テーマ、人気テーマが並んでいます。出典:マニュオン簡単にできる高速化機能が充実SWELLには、サイト表示を高速化するための様々な機能が内蔵されています。SWELLにしてページの読み込み速度が速くなったという声がとても多いです。以下の高速化機能あり、設定画面でポチっとするだけで、ON/OFFできます。初心者でも簡単にできます。当サイトのSWELLの高速化設定については、後ほどご紹介します。高速化のプロ、「スキルシェア」さんと顧問契約を締結しており、さらなる高速化機能の進化が期待できます。プラグインの数が少なくて済むSWELLは、必要な機能がバランスよく備わっているため、プラグインの数を極力抑えることができ、高速化につながります。プラグインの数が多くなると、サイトの動作が重くなり、サイトの読み込み速度が低下します。SWELLの高速化は一推しポイントではない評判の高いSWELLの高速化機能。強くアピールできるポイントかと思いきや、開発者はそうではないとしています。高速化はユーザー個々人の環境によって大きく左右されるので、誰もが高速化を実現できるとは限らないからです。「公式な推しポイント」ではないにしても、かなり頑張って高速化機能を充実させていることは間違いないと思います。当サイトの高速化設定について項目ごとにご紹介します。使いたい機能を制限することもなく、簡単にできるものばかりです。キャッシュ系プラグインは使っていません。1~3はSWELLのテーマ設定、4~6はテーマ以外の設定や対策です。いうものを使っており、ブラウザではなくデータベースにキャッシュ情報を保存。Cookieの設定に左右されることなく利用できます。一度管理者側がサイトを表示させてキャッシュを作成すれば他のユーザーが初めて訪れた時でもキャッシュデータを利用できます。キャッシュの利用により、カスタマイズした時、変更が反映されない場合があります。そのような時はSWELL設定で、キャッシュクリアを行います。ファイルの読み込み以下の画像の通り2箇所にチェック。「フッター付近のCSS遅延読み込み」は「SWELLのCSSをインラインで読み込む」にチェックの場合無効なので、チェックを入れません。遅延読み込み機能コンテンツの遅延読み込みと画像等のLazyLoadは以下の画像の通り遅延読み込みとはサイトに表示されるコンテンツや画像を一度に読み込まず、必要に応じて必要な分だけ読み込むという技術です。不必要な部分の読み込みを後回しにして、出来る限り短い時間でサイトを表示し、表示速度を速くすることができます。スクリプトの遅延読読み込み遅延読み込み機能の下の方に「スクリプトの遅延読読み込み」の設定があります。SNSや広告、バナーなどスクリプトタグで呼び出す外部のJavaScriptファイル等は、サイトの表示を遅くさせます。このようなプログラムを遅延読み込みさせる機能です。アドセンス広告やツイッターの埋め込み等は読み込み速度にかなり影響することを実感していたので、この機能によって効果があったと思います。スプリプト遅延読み込みをONにして、以下画像のようにスクリプトのキーワードを入力します。下部の遅延させる秒数は「5秒」にしました。(デフォルトは3秒)各スクリプトのキーワードは何の遅延に使われるか当サイトで入力しているキーワード一覧です。twitterからピンタレストまでは、デフォルトで入っており、公式サイトを参考にそれ以下のキーワードを追加しました。Block(記事内のソースコードを見やすくするプラグイン)ページ遷移高速化ページ遷移高速化は使用していません。prefetch有効化を推奨しているブログが多いですが、サーバーへの負荷が高くなるという解説もありました。Insights」で表示速度をチェックしたところ、スコアが下がったので、使用していません。参考:WordPressカスタマイズさん2.フォントの設定(SWELLカスタマイザー)管理画面内の「外観」>「カスタマイズ」>「サイト全体設定」>「基本設定」>「フォント設定」SWELLでは、サイト全体のフォント設定で、4種類のフォントを選択できます。JP)」はWEBフォントで、Googleフォントを読み込むため、表示速度が遅くなります。サイトを軽量化するためには、それ以外の「游ゴシック」(デフォルト)、「ヒラギノゴシック>メイリオ」を選択しましょう。当サイトでは「游ゴシック」を使っています。3.jQueryの設定(SWELL設定)管理画面内の「SWELL設定」>「jQuery」タブで設定jQueryの使い方によって設定が変わってきますが、当サイトは以下のようにしています。jQueryをwp_footerで登録する⇒チェックチェックすると、ページ内コンテンツ要素より下の</body>タグ終了付近でjQueryが読み込まれます。チェックしない場合、<head>・・・</head>内で読み込まれますが、大きいサイズのjQueryは、headタグ内で読み込むとページ速度低下の原因になります。Migrateが自動的に読み込まれています。プラグインによっては必要な場合がありますが、通常はチェック(読み込まない)します。jQueryを強制的に読み込む⇒チェックしないチェックするとサイト内のすべてのページでjQueryが読み込まれ、読み込み速度に影響する可能性があります。4.余計なプラグインは導入しないプラグインは多ければ多いほど、サイトの読み込み速度が遅くなります。当サイトでは17のプラグインを導入。余計なプラグインはできるだけ使用しないようにしています。減らせる余地はありますが、あまり厳密にやる必要はないかと思います。一般的に20個くらいに抑えておけば問題ないと思います。Optimizer」を導入し、画像の軽量化を図っています。このプラグインは画像をアップすると、WebPという形式の画像に変換してくれます。WebPは、次世代フォーマットと呼ばれ、JPEGやPNGよりファイルが軽くページの表示速度の短縮につながります。Insights」でも推奨されています。Optimizer」は不具合の原因になるかもしれないプラグインとされていますが、当サイトでは今のところ問題なく使えています。Optimizerには遅延読み込み機能があります。Optimizerの遅延読み込み設定のチェックを外します。Optimizer」の設定方法をWebp化の設定を中心にご紹介します。次世代フォーマットであるWebPは、JPEGやPNGよりファイルが軽くページ...6.サーバーの設定(エックスサーバー)サーバーの設定をご紹介します。当サイトはエックスサーバーを使っています。エックスサーバーの高速化設定エックスサーバーの高速化項目は3種類で、当サイトは以下のように設定しています。OFFXアクセラレーターのみを使用しています。静的ファイルの高速化(キャッシュ)、同時アクセス数の拡張、PHPプログラムの高速化サーバーキャッシュとブラウザキャッシュは、SWELLのキャッシュ機能とは違う種類ですが、機能が重複しそうなことと、実際にONにしてもあまり効果がなかったので使っていません。エックスサーバーの「XPageSpeed」設定エックスサーバーの新しい高速化機能「XPageSpeed」は利用していません。み込みCSS最適化CSS遅延読み込みJavaScript最適化JavaScript遅延読み込みSWELLのユーザーフォーラムでもXPageSpeedに関する質問があり、今のところ使用せず、様子を見た方がよいという意見が出ていました。テーマによっては効果を発揮すると思います。エックスサーバーによる更新情報もあり、改善を図ってはいるようです。エックスサーバーのPHPバージョンエックスサーバーのPHPバージョンは最新の8.025今のところ問題は起きていません。まとめ以下の6つのポイントを中心に、SWELLの高速化設定の方法についてご紹介しました。SWELLの高速化設定フォントの設定(SWELLカスタマイザー)jQueryの設定(SWELL設定)余計なプラグインは導入しない画像の軽量化サーバーの設定(エックスサーバー)高速化はSEO的にプラスになるものの、検索順位などへの効果が見えにくいため、地道な分野だと思います。対策がスコアには反映されやすいのでゲーム感覚で楽しめる部分もあると思います。コンテンツを充実させることを優先に、楽しみながら高速化対策を行っていけたらと思います。当サイトもSWELLを使っています。詳細記事公式サイトSWELLSWELLよかったらシェアしてね!URLをコピーしました!URLをコピーしました!tsutchii(ツッチー)WordPressやブログに関する情報、中高年の学びや副業などについて書いています。管理人は、子供の英語教育のため、7年前、家族でフィリピンのセブに移住した引きこもり系おじさんです。これまで、ローカル紙記者、住宅会社や病院の広報、WEB担当、介護助手といった仕事をしてきました。今はNPO法人のサイト運営などネットで仕事をしながら、場所にとらわれずに生活していける働き方を模索しています。