「レンダリングを妨げるリソースの除外」という項目はプラグイン Autoptimize  を使って簡単に解決出来ます

やって来ました。

PageSpeed Insights

待望のシリーズ第二弾!!

PageSpeed Insights

を利用した時に出てくる改善出来る項目の対応方法について教えちゃいますシリーズ。

今回はレンダリングを妨げるリソースの除外の方法についてです。

▼前回の記事

「レンダリングを妨げるリソースの除外」とは?

レンダリングとは?

コードやプログラムなどの情報を人が見やすいように表現・表示させること。

リソースとは?

ある操作の実行に必要なシステムや要素などのこと。

まとめると

以上をふまえて簡単に説明すると・・・・

「ホームぺージを表示させる時に、コードやプログラムの読み込みの順番がうまく出来てなくて表示するのが遅くなっている」

という状態です。

レンダリングを妨げるリソースを除外する方法

ホームぺージによって原因や状況は違いますが、このケースで指摘されているのは下記のものです。

  • CSS
  • JavaScript
  • Googleフォント
  • もちろん、一つ一つ問題点を探して手動で一つ一つ対応する事も出来ますが、そんな面倒臭い事をせずにAutoptimize というプラグインを利用すればすぐに問題解決が出来ます。

    それでは早速にインストールしてみましょう

    Autoptimizeをインストールして有効化

    Autoptimizeをインストールして有効化

    【プラグインを追加】の画面で Autoptimize と入力してプラグインを探します。プラグインが表示されたら、【今すぐインストール】をクリックしてください。

    インストールが出来たら【プラグインを追加】をクリックしてください。

    続いて【有効化】のボタンを押してエラーが発生しなければ、初期設定は完了です。

    Autoptimizeを設定

    Autoptimizeを設定

    サイドナビの【設定】タブから【Autoptimize】を選択してください。

    【JS、CSS&HTML】タブを選択してください。

    【JavaScript コードの最適化】にチェックを入れてください。

    CSS オプション

    Autoptimize

    【CSS コードを最適化】にチェックを入れてください。

    HTML オプション

    【HTML コードを最適化】にチェックを入れてください。

    最後に【変更と保存とキャッシュの削除】を押してください。

    【追加】タブを設定

    Googleフォントを使っていない人は対応しなくてもOkです。
    Googleフォントを使っている人も、スピードチェックして問題ないのであれば対応しなくてもOkです。

    【変更を保存】を押して反映してください。

    これですべて完了です。

    スピードが改善されたか確認

    PageSpeed Insightに戻って、再度URLを入れてスピードが改善されたか確認します。

    そうした時に、エラーはまだ出ているケースがあると思います。
    今改善したばかりの「レンダリングを妨げるリソースの除外」が全て対応出来ていないケースもありますが、PageSpeed Insightsはネットワークやサーバー・クライアントの負荷に応じて、分析結果が変動しますので、1回の計測だけでパフォーマンスを正しく評価することはできません。正しく結果を評価するには、数日にわたって何回か計測を行い、そこで頻発するエラーがあれば対応して行くようしてください。

    まとめ

    今回は、設定も簡単で、あまり考えるところはないのですが、プラグイン導入後のスピードチェックとサイトチェックは確実に行ってください。
    気が付けば、表示が崩れているという事も珍しくありませんので。

    もし上記のような不具合が生じた場合は、Autoptimize自体を削除して対応してください。
    それでも、改善が出来ないという場合にはお気軽にエクセレントにご相談ください。

    ▼該当サービス
    ホームぺージレスキューサービス

    ホームへージ制作サービス

    メールでのお問い合わせ

    お問い合わせはこちら
    メールフォームの内容をご確認頂きまして送信してください。

    LINEでのお問い合わせ

    お友達登録はこちら
    お友達登録をして頂いて
    お問合せ内容をトーク画面から送信してください。

    SEO対策が得意なホームぺージ制作会社エクセレント

    筒井 章年

    1,000サイト以上のWeb集客のサポート経験を持つ。 その経験で得た知識や経験でホームぺージ戦略の立案やマーケティングを担当しています。多くの方に共有させて頂いて、多くの方に成功を実感して頂きたいと考えております。

    関連記事

    無料相談行っています!!お気軽にご利用ください。
    最近の記事 おすすめ記事
    1. 外壁塗装会社がやるべきSEO対策のポイントとキーワードの選定方法を解説します。

    2. リフォーム会社がやるべきSEO対策のポイントとキーワードの選定方法を解説します。

    3. 外構工事・エクステリア業者がやるべきSEO対策のポイントとキーワードの選定方法を解説します。

    4. 歯科医院がやるべきSEO対策のポイントとキーワードの選定方法を解説します。

    5. コンテンツマーケティングって何?簡単にその特徴を説明します。

    6. メールマーケティングの現状と効果的な配信方法とは

    7. Web集客方法を業種別にまとめました。成功のポイントや種類など徹底解説!

    8. エクステリア・外構工事業者のWeb集客で利用出来るポータルサイトを紹介します

    9. 歯科医院・歯医者・矯正歯科専用のポータルサイト一覧

    10. 治療院の新規患者の集客にもう悩まない。最新のWeb集客のコツと考え方

    1. Googleにインデックスされない理由とその調査方法を解説します。

    2. SEO対策の内製化を積極的に取組んでいる中小企業の多くは自社でするSEO対策に迷走している。

    3. 売れているホームぺージ = 集客型ホームぺージに共通しているぺージ構成の法則

    4. これを見れば完璧!Google Maps API 取得方法をご紹介します。

    5. WordPressで投稿するブログで <br> と <br /> はどちらが正しいの?何が違うのか解説します。

    6. WordPressのブロックエディタを利用してページ編集する方法とその投稿方法

    7. Instagramのリールの音源を保存して活用する方法

    8. 「レンダリングを妨げるリソースの除外」という項目はプラグイン Autoptimize  を使って簡単に解決出来ます

    9. コピペで使える!ビジネスブログ向けのシンプルなCSSで飾る見出しデザイン30選

    10. 「使用していない JavaScript の削減」をプラグイン Flying Scripts でスピード解決する方法 

    資料を無料ダウンロード

    弊社の会社概要と、ご提供サービスのご紹介資料です。
    ご覧いただき、お気軽にお問い合わせください。

    TOP