Insightsのモバイル版の『遅い』対策こじろーブログ。2023.09.26この記事は約10分で読めます。当ブログはアフィリエイト広告を利用しています[PR]ブロガーのこじろーです。ブログ未経験者にも分かりやすく、WordPressの使い方やアフィリエイトのノウハウを解説しています。いつでも見直せるよう、ブックマークをしておくことをおすすめします!初子Cocoonの表示速度を高速化したい初男ページスピードを計測したらモバイル版のパフォーマンスが低い!改善方法を知りたい本記事では、このようなお悩みにお答えします。WordPressでブログ運営をしているとページの表示速度が気になってきます。ページ表示速度はSEOにも大きく関係するので、できるだけ高くしておきたいですね。今回は、Cocoonの独自機能を使った高速化設定と、それ以外で高速化にする方法についてご紹介した内容になっています。こじろーこじろーブログ。大きく改善されたので、やってみる価値はありますデスクトップ版も良い状態です。Insightsで計測できます。本記事の設定を実行することで、Cocoon製ブログのモバイル版のサイト表示速度の高速化ができると思います。サイトの表示速度が上がることで、検索順位の大幅アップも見込めます。Insightsは、Webサイトの表示速度を測定(評価)することができるGoogle提供の無料の分析ツールです。調査したいWebサイトのURLを入力すれば、そのWebページの読み込み速度が数値化されて表示されます。速度だけでなく、改善点も提示されるので、具体的な修正に役立てることが可能です。携帯電話(スマホ)とパソコンの両方のデバイスに対応しており、一度の分析でそれぞれの分析結果を確認できます。Insightsで自分のサイトのスコアを計測しておきましょう。Cocoonの高速化設定Cocoonテーマには高速化の機能が標準装備されています。Insightsの数値を基準にしています。Insightsに最適化した作りになっています。Cocoon公式サイト[Cocoon設定]の[高速化]設定Cocoon設定からCocoonの高速化設定をしましょう。Lord)上記の設定を行うことで、Cocoonの表示速度が上がります。WordPress管理画面に入ります。高速化Cocoonの[サイト高速化ページ]が表示されました。次の項目にチェックを入れていきます。ブラウザキャッシュ項目は[ブラウザキャッシュの有効化]にチェックを入れます。ブラウザキャッシュを有効化することで、訪問者が2回目以降リソースファイルをサーバーから読み込む時間を軽減できます。縮小化項目では、[HTMLを縮小化する]、[CSSを縮小化する]、[JavaScriptを縮小化する]にチェックを入れます。HTML、CSS、JavaScriptの余分な改行や空白を削除しサイズを減らしてくれます。Loadを有効にする]にチェックを入れます。[Googleフォントの非同期読み込みを有効にする]はGoogleフォントを使用している場合にチェックをしてください。Load機能は廃止するかもしれません。』と記載されているので今後、当項目が無くなる可能性はあります。事前読み込み設定はデフォルトのままで結構です。最後に変更を保存します。設定が保存を確認したら終了です。チェック項目をまとめてみました。※Googleフォントを使用している場合はチェック高速化プラグインを導入する際は、機能の重複を確認し、重複していた場合はどちらかの機能を無効化しましょう。サムネイル画像の解像度を下げるブログ上に表示される記事のアイキャッチ(サムネイル)画像の解像度を下げる設定をします。Cocoonにはサムネイル画像のように画像が小さく表示される場合に画像が粗くなるのを防ぐ機能として[Retinaディスプレイ]機能が装備されています。この[Retinaディスプレイ]を機能をオフ(無効化)にすることで画像の解像度が下がり、ページの読み込み速度が速くなります。設定方法は次の通りです。Cocoon設定[画像]を選択します。[全体画像設定]の[Retinaディスプレイ]の[サムネイルをRetinaディスプレイ対応にする]のチェックを外します。デフォルトではオフ(チェックが外れています)になっています[変更をまとめて保存]をクリックして保存して終了です。オフにすると画像は荒くなる代わりに、読み込み速度は速くなり、オンにすると画像が綺麗に表示される代わりに読み込み速度が遅くなります。Insightsの数値や画像の粗さを見てどちらを優先にするか検討をしてください。画像サイズに気を付ける[Retinaディスプレイ]設定がうまくいかない場合はアイキャッチ画像のサイズの見直しをしてください。画像サイズが小さい可能性があります。Thumbnailsで新しいアイキャッチが作成されません。[Retinaディスプレイ]をオンにする場合は、アイキャッチ画像のサイズを最低でも800×800px以上、できれば1024×1024px以上にしましょう。このサイズは公式サイトで推奨されています。プラグインで画像サイズを適正化Cocoonの高速化対策をしても、表示速度のスコアが低い場合はありますので、別の対策をしていきましょう。Optimizer]は、すでにWordPressのメディアにアップしているすべての画像を一括で圧縮することができます。新しくアップロードする画像も、アップロード時に自動的に圧縮してくれる便利なプラグインです。言え画像の圧縮率は10%と高くないので次の[TinyPNG]と一緒に利用することをおすすめします。画像圧縮サイト[TinyPNG]TinyPNGは、サイト上に、画像をドラッグ&ドロップするだけで画像を圧縮してくれるサイトです。画像1枚当たり、なんと最大80%も圧縮してくれるので、まずTinyPNGで画像を圧縮してからWordPressにアップするようにしましょう。キャッシュでWordPress製サイトのページの表示速度を高速化できる、ページキャッシュ系のプラグインです。上手く活用すればブログの表示速度が速くなります。キャッシュとは?キャッシュとは、1度表示したWebページのデータを、ブラウザやサーバーに保存しておくことで、同じ内容を再表示するときに早く表示することができる仕組みです。Cacheは管理画面が分かりやすく簡単な設定で済むのでおすすめです。Cache]の設定方法から不具合の改善方法についてまとめた内容の記事です。kojirosblog.com2023.09.27外部要因の見直しここまで、Cocoonの高速化設定や画像のサイズの圧縮、キャッシュ設定でブログの表示速度対策を行ってきましたが、これはあくまでもWordPress内の構造の最適化です。外部ツールを導入をしてしまうと、どんどん速度が遅くなります。遅くなる要因となる外部ツールをわかりやすくまとめてみました。上記機能は便利なので導入しているブログやWebサイトは多いと思います。ページを開く際、これらの機能が実装されていると、それを読み込むためにどうしても表示速度は遅くなってしまいます。これはWordPress側の設定ではどうしようもないので、個々でどれがWebサイトに必要かを判断をした上で、必要最低限のツールのみを導入し、不必要なプラグインはWordPress上から削除することをおすすめします。診断結果内の[第三者コードの影響を抑えてください]から見ることができます。Webサイトに必要が無い外部ツールがあれば、削除しましょう。画像などの情報量が多いTwitterのタイムラインは一番遅くなる要因だと思います。Twitterをトップページに埋め込んでいるブログは多いのですが、あまりにもページ速度が下がりすぎているならば削除しておきましょう。当ブログはtwitterを削除して20~25程度のスコアが改善されました。飲食店などほWebサイトは、お店の所在地をグーグルマップで載せてたり、営業日をGoogleカレンダーで表示させているところが多いですが、これも遅くなるので気を付けましょう。サイトの表示速度の高速化に関する注意ここまでの設定で、サイトの表示速度が大きく改善されたブログはあると思いますが、中にはあまり改善がされなかったブログもあると思います。サイトの表示速度は、SEO対策において大事な指標にはなりますが、気にしすぎて神経質にならないようにしましょう。Cooon製作者のわいひらさんも公式サイトでこのように述べられています。Insightsで100点を取ろうが、大事なのはサイトの内容です。Insightsで50点のサイトだったとしても、内容が良ければ100点のサイトより上位表示されると思います。ページスピードにこだわるよりは、コンテンツに注力するのが、正しい時間の使い方だと思います。Cocoon公式サイトブログの運営にとって一番大切なことは、サイトのの表示速度を上げることでは無く、記事の内容(質)だと思います。高速化はあくまでもブログを書くためのおまけ程度で考えておき、まずは記事の質を高めることに注力していきましょう。してもサイトの表示速度が気になるという人は、WordPressテーマを変えてみるのも1つの手だと思います。Insightsでモバイルとパソコン両方とも100点出た!!今までプラグインでカバーしてたものが純正で搭載されてるから無駄なプラグインを入れなくて済む。』なら手間をかけずにサイトの表示速度を高速化できるかもしれません。本記事では、Cocoon製ブログの表示速度の高速化の方法についてお伝えしました。本記事で分かったこと(まとめ)Cocoon設定とプラグインを使用したサイトの高速化の方法サイトの高速化を妨げる外部要因の確認方法サイト運営においてサイト高速化は大切だが、気にしすぎないようにする本記事の内容を行うことで、簡単にCocoonのサイトの表示速度を高速化することができるようになります。実際に成果のあった人はコメント欄で教えてください。最後までお読みいただき誠にありがとうございました。コピーこじろーブログ。い方を初心者向けに解説しています。(PV)、ドメインパワーを紹介WordPressブログの運営2ヶ月目の閲覧数(PV)や収益(報酬額)、記事数、ドメインパワーなど初心者ブロガーが気になる情報をまとめています。ブログ【Cocoonカスタマイズ】サイトトップページや投稿・固定ページを1カラムに表示する方法Cocoon(コクーン)製ブログのブログ全体のレイアウトを2カラムから1カラムに変更する手順を簡単に解説しています。投稿や固定ページだけを1カラムにする方法も併せて解説しています。Organizerの初期設定や使い方について初心者にもわかりやすいようにご紹介しています。ブログ【WordPress設定】ブログのサイドバーに表示される[メタ情報]の削除の方法と理由│カスタマイズWordPressのサイドバーにデフォルトで表示されている[メタ情報]の削除方法や削除理由について詳しく解説しています。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。副業ブロガー歴4年目の奈良県在住50代男。トレンドブログで人生開花。ブログ、SNSに関する講演は10回以上経験。Google1当サイトへのリンクについてこじろーブログ。完全リンクフリーです。・リンクを掲載する場合の許可や連絡は一切必要ありません・リンクの設定をされる際は、当サイト(こじろーブログ。)へのリンクである旨を明示ください・引用についても、出典元の明記とリンクを設置していただければ大丈夫です当サイトへのリンクについてこじろーブログ。完全リンクフリーです。・リンクを掲載する場合の許可や連絡は一切必要ありません・リンクの設定をされる際は、当サイト(こじろーブログ。)へのリンクである旨を明示ください・引用についても、出典元の明記とリンクを設置していただければ大丈夫ですこじろーブログ。defined.")}))})()タイトルとURLをコピーしました。