この実装、面倒なら代行します
ページの読み込み速度を測定して改善策を提案してくれる「PageSpeed Insights」
制作者としては自分の制作したサイトそのものを評価されているみたいで、測定しているゲージが動いている間はちょっと緊張したりもする代物ですが、最近ではgoogleは「表示速度も検索上位の条件だ」ということを言っていますので、ここで点数を上げることはSEO的に効果があります。
さて、このPageSpeed Insightsで、改善策として「レンダリングを妨げるリソースの除外」を提案されることがあります。
簡単に言うと、cssやjsを1つのファイルにまとめて1行にせよ、重要でないファイルは非同期通信で遅延読み込みさせよ、ということなんですが、そう言われたところでどうしたら良いのか悩んでしまいますよね。
良いプラグインがあるのでオススメします。
プラグイン「Autoptimize」
このプラグインをインストールして設定画面で「JavaScript コードの最適化」と「CSS コードを最適化」にチェックを入れてください。
そしてPageSpeed Insightsに再チャレンジ!
さて、結果はどう出ましたでしょうか?
「レンダリングを妨げるリソースの除外」については大幅に改善されているはずです。
ぜひご利用あれ。
WordPressカスタマイズ事例やウェブ制作ノウハウの新着情報、お役立ち情報を
リアルタイムにメルマガ配信!
100ウェブで手がけた制作・開発案件を一部、ご紹介。
クライアントからご相談いただいた内容とその実装におけるポイント、工期、予算について確認いただけます。
【テレワーク実施中 につきお電話転送中】
コール中1秒程度無音状態になりますがそのままお待ちください。
受付時間
平日 10:00~18:00
メールでのお問い合わせでも
1営業日以内にご連絡いたします。