WordPressサイトでレンダリングブロックするJavaScriptやCSSの問題に直面すると、イライラすることがあります。これらの問題はウェブサイトを遅くし、パフォーマンスに影響を与える可能性があります。遅いサイトは訪問者を遠ざけ、検索エンジンのランキングに影響を与える可能性があります。
Google PageSpeed Insightsでウェブサイトを確認すると、これらのレンダリングブロックリソースを削除するよう提案されることがあります。残念ながら、ツールはWordPressでこの問題を修正する方法について明確な指示を提供していません。
幸いなことに、レンダリングをブロックするJavaScriptやCSSの修正を、思っているよりも複雑でなくしてくれるツールがあります。WP RocketやAutoptimizeのようなキャッシュプラグインを使用して、スクリプトを最小化および遅延させることでサイトを最適化できます。これにより、読み込み時間が短縮され、PageSpeedスコアが向上します。
この記事では、WordPressサイトでこれらの問題を解決するための手順を説明します。
レンダリングブロックJavaScriptとCSSとは？
レンダリングブロックJavaScriptおよびCSSは、これらのファイルを読み込む前にウェブサイトがウェブページを表示するのを妨げるファイルです。
すべてのWordPressウェブサイトには、テーマとプラグインがあり、ウェブサイトのフロントエンドにJavaScriptファイルとCSSファイルを追加します。
これらのスクリプトはサイトのページ読み込み時間を増加させる可能性があり、またページのレンダリングをブロックする可能性もあります。
ユーザーのブラウザは、ページの残りのHTMLを読み込む前に、これらのスクリプトとCSSを読み込む必要があります。これは、接続速度が遅いユーザーは、ページが表示されるまでさらに数ミリ秒待たなければならないことを意味します。
これらのスクリプトとスタイルシートは、レンダリングブロックJavaScriptおよびCSSと呼ばれます。
Google PageSpeedスコア100を目指しているWordPressウェブサイトの所有者は、その完璧なスコアを達成するためにこの問題を修正する必要があります。
GoogleのPageSpeedスコアとは何ですか？
Google PageSpeed Insightsは、ウェブサイト所有者がウェブサイトを最適化およびテストするのに役立つようにGoogleによって作成されたウェブサイト速度テストツールです。このツールは、Googleの速度ガイドラインに対してウェブサイトをテストし、ページの読み込み時間を改善するための提案を提供します。
サイトが合格した監査の数に基づいてスコアが表示されます。
ほとんどのウェブサイトは50〜70の間でスコアを獲得します。しかし、一部のウェブサイト所有者は、100（ページが獲得できる最高のスコア）を達成する必要があると感じています。
本当に完璧な「100」のGoogle PageSpeedスコアが必要ですか？
Google PageSpeed Insights の目的は、サイトの速度とパフォーマンスを向上させるためのガイドラインを提供することです。ただし、これらのルールに厳密に従う必要はありません。
スピードは、Googleがサイトのランキングを決定するのに役立つ多くのウェブサイトの検索エンジン最適化（SEO）指標の1つにすぎないことを覚えておいてください。スピードは、サイトでのユーザーエクスペリエンスを向上させるため非常に重要です。
より良いユーザーエクスペリエンスには、スピード以上のものが求められます。また、役立つ情報、より良いユーザーインターフェース、テキスト、画像、動画を使った魅力的なコンテンツを提供する必要があります。
その場合、目標は、優れたユーザーエクスペリエンスを提供する高速なウェブサイトを作成することです。
Google PageSpeed のルールは提案として使用することをお勧めします。ユーザーエクスペリエンスを損なうことなく簡単に実装できるのであれば、それは素晴らしいことです。そうでなければ、できる限り多くのことを行い、残りは気にしないようにしてください。
これを踏まえ、WordPressでレンダリングブロックするJavaScriptとCSSを修正するためにできることを見ていきます。WordPressでレンダリングブロックリソースを排除する2つの方法をカバーします。ウェブサイトに最適な方法を選択できます。
- 方法1：WP RocketでレンダリングブロックスクリプトとCSSを修正する
- 方法2：AutoptimizeでレンダリングブロックするスクリプトとCSSを修正する
- レンダリングブロック JavaScript および CSS がまだ存在する場合にはどうすればよいか
さあ、始めましょう！サイトをスムーズに稼働させましょう！
方法1：WP RocketでレンダリングブロックスクリプトとCSSを修正する
この方法では、WP Rocketプラグインを使用します。
これは市場で最高のWordPressキャッシュおよび最適化プラグインであり、技術的なスキルや複雑な設定なしでウェブサイトのパフォーマンスを迅速に向上させることができます。
まず、WP Rocket プラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。
WP Rocket はすぐに使えます。最適な設定でキャッシュが有効になり、ウェブサイトが高速化されます。WordPress で WP Rocket を適切にインストールして設定する方法については、完全ガイドで詳しくご覧いただけます。
デフォルトでは、JavaScriptとCSSの最適化オプションはオンになりません。これらの最適化はウェブサイトの外観や一部の機能に影響を与える可能性があるため、プラグインではこれらの設定をオプションで有効にすることができます。
これを行うには、設定 » WP Rocket ページにアクセスし、「ファイル最適化」タブに切り替える必要があります。
ここから、「CSS Files」セクションまでスクロールし、「Minify CSS」、「Combine CSS Files」、「Optimize CSS Delivery」の横にあるチェックボックスをオンにするだけです。
「CSS配信の最適化」設定では、WP Rocketは「不要なCSSの削除」メソッドを選択することを推奨しています。
最高のパフォーマンスを提供するだけでなく、ページサイズとHTTPリクエストを削減するのに役立ちます。
注: WP Rocket キャッシュプラグインは、すべての CSS ファイルを最小化し、結合し、ウェブサイトの表示部分に必要な CSS のみを読み込もうとします。
これはウェブサイトの外観に影響を与える可能性があるため、複数のデバイスや画面サイズでウェブサイトを徹底的にテストする必要があります。
次に、「JavaScript Files」セクションまでスクロールする必要があります。
ここから、最大限のパフォーマンス向上のためのすべてのオプションを確認できます。
CSSで行ったように、JavaScriptファイルを最小化して結合することができます。
WordPress が jQuery Migrate ファイルを読み込まないようにすることもできます。このスクリプトは、古いバージョンの jQuery を使用するプラグインやテーマとの互換性を提供するために読み込まれます。
ほとんどのウェブサイトはこのファイルを必要としませんが、テーマやプラグインに影響がないことを確認するために、ウェブサイトを確認することをお勧めします。
次に、もう少し下にスクロールして、「JavaScript遅延読み込み」と「jQuery用セーフモード」オプションの横にあるチェックボックスをオンにします。
これらのオプションは、非必須の JavaScript の読み込みを遅延させ、jQuery セーフモードを使用すると、それを使用する可能性のあるテーマのために jQuery をインラインで読み込むことができます。テーマがインライン jQuery をどこでも使用していないことが確実な場合は、このオプションのチェックを外したままにすることができます。
設定を保存するには、「変更を保存」ボタンをクリックすることを忘れないでください。
その後、Google PageSpeed Insightsでウェブサイトを再度テストする前に、WP Rocketでキャッシュをクリアすることも検討してください。
テストサイトでは、デスクトップデバイスで100％のスコアを達成でき、モバイルとデスクトップの両方のスコアでレンダリングブロックの問題が解決されました。
方法2：AutoptimizeでレンダリングブロックするスクリプトとCSSを修正する
この方法では、ウェブサイトのCSSおよびJSファイルの配信を改善するために特別に作成された別のプラグインを使用します。このプラグインは仕事をこなしますが、WP Rocketが持つ他の強力な機能はありません。
まず、ウェブサイトのパフォーマンスを高速化する無料プラグインであるAutoptimizeをインストールして有効化する必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。
有効化したら、[設定] » [Autoptimize]に移動してプラグインの設定を構成する必要があります。
まず、「JavaScriptオプション」ブロックの下にある「JavaScriptコードの最適化」の横にあるチェックボックスを確認しましょう。「JSファイルの集約」オプションがオフになっていることを確認する必要があります。
次に、「CSS オプション」ボックスまでスクロールダウンし、「CSS コードの最適化」オプションにチェックを入れます。
「CSSファイルを結合する」オプションがオフになっていることを確認してください。
設定を保存するには、「変更を保存してキャッシュをクリア」ボタンをクリックできるようになりました。
PageSpeed Insightsツールでウェブサイトをテストしてみてください。これらの基本的な設定で、デモサイトのレンダリングブロックの問題を正常に修正できました。
まだレンダリングをブロックするスクリプトがある場合は、プラグインの設定ページに戻り、JavaScriptとCSSの両方のオプションの設定を確認できます。
例えば、プラグインでインラインJSを含めたり、デフォルトで除外されているseal.jsやjquery.jsのようなスクリプトを削除したりできます。その後、「変更を保存してキャッシュを空にする」ボタンをクリックするだけで、変更が保存され、プラグインキャッシュが空になります。
完了したら、PageSpeed Insightsツールで再度ウェブサイトを確認してください。
Autoptimizeはどのように機能しますか？
Autoptimizeは、エンキューされたJavaScriptとCSSをすべて集約します。その後、ミニファイされたCSSおよびJavaScriptファイルを作成し、非同期または遅延としてウェブサイトにキャッシュコピーを提供します。
これにより、レンダリングをブロックするスクリプトとスタイルの問題を修正できます。ただし、ウェブサイトのパフォーマンスや外観に影響を与える可能性もあることに注意してください。
レンダリングブロック JavaScript および CSS がまだ存在する場合にはどうすればよいか
プラグインとWordPressテーマがJavaScriptとCSSをどのように使用するかによっては、すべてのレンダリングをブロックするJavaScriptとCSSの問題を完全に修正するのが難しい場合があります。
上記のツールは役立ちますが、プラグインによっては、特定のスクリプトを異なる優先度レベルで正しく機能させる必要がある場合があります。その場合、上記の方法では、そのようなプラグインの機能が損なわれたり、予期しない動作を引き起こしたりする可能性があります。
レンダリングをブロックする問題を完全に排除する代わりに、ウェブサイトを高速化するための代替アプローチを採用することをお勧めします。たとえば、CDNサービスを使用して静的なJavaScriptおよびCSSファイルを配信し、ロード時間を短縮できます。
WordPressの速度とパフォーマンスを向上させるための究極のガイドについては、究極のガイドをお読みください。
この記事がWordPressでレンダリングをブロックするJavaScriptとCSSを修正する方法を学ぶのに役立ったことを願っています。また、「このサイトにアクセスできません」エラーを簡単に修正する方法に関する記事や、最も一般的なWordPressのエラーとその修正方法に関する専門家のリストもご覧ください。
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
イジー・ヴァネック
Autoptimizeとwp-rocketを使用しています。それは私に多大な助けとなりました。しかし、いくつかの変更には非常に注意が必要です。設定を一つ間違えると、ウェブサイト全体がすぐに正しく動作しなくなる可能性があります。
アミナ
こんにちは、あなたのサイトとヒントは本当に役立ちました。wpbeginnerさん、ありがとうございます！
私のAMPは、カスタマイズされたJavaScriptスクリプトが許可されていないと表示されます。Autoptimizeを使用して指示に従ってみましたが、問題は解決しませんでした。AMPは、エラーが12行目:10および18行目:2にあると表示しています。
WPBeginnerサポート
当社の記事がお役に立てて嬉しいです。AMP固有の質問については、AMPのサポートに問い合わせることをお勧めします。彼らが対応できるはずです。
管理者
Fahad Khan
こんにちは、
wp rocketとautopitmize以外にこの問題を解決する方法はありますか？
WPBeginnerサポート
他にもツールがあるかもしれませんが、これらは現在、初心者に推奨しているものです。
管理者
Rizz
W3 Total cacheユーザー向け
jQueryスクリプト（/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp）を追加しないでください。追加しないと、サイトが正しく読み込まれません。
CSSはエラーを発生させません
Revolutionスライダーでエラーが発生した場合 -> revsliderのグローバル設定に移動し、「スクリプトをフッターに挿入」をオンにしてください。
WPBeginnerサポート
サイトの編集を通じて見つけたいくつかの推奨事項を共有していただき、ありがとうございます。
管理者
Muhammad Farhan
困難な状況に陥ったとき、他に誰もいないときにいつも助けてくれるあなたのようなサイトに出会ったことはありません。wpbeginner以上のWordPressガイドサイトは知りません。本当にありがとうございます。
WPBeginnerサポート
Glad our guides continue to be helpful to you
管理者
Lu
いつも素晴らしい情報です！
Sitegroundを使用しているので、サイトにSG Optimizerがあります。理解できる範囲で設定を確認しましたが、依然として「レンダリングブロックリソースを排除する」というメッセージが表示されます。
Autoptimizeも使用できますか、それともSGと競合しますか？よろしくお願いします
WPBeginnerサポート
You should be able to use Autoptimize with SG Optimizer but if you have any concerns if you reach out to the plugin’s support they should be able to let you know if there are currently any conflicts between the two
管理者
subin
プラグインなしで WordPress のレンダリングブロック JavaScript および CSS を修正する方法
WPBeginnerサポート
コードを手動で確認し、CSSおよびJSファイルをページに追加されたコンテンツの後に読み込むように設定する必要があります。
管理者
ベン
これ、ありがとうございます！ Autoptimizeのおかげで、ページのスコアが良くなりました！
Ben
WPBeginnerサポート
You’re welcome, glad our recommendation could help
管理者
MoneyManch
WP Beginnerチーム様
このような役立つ記事を共有していただき、ありがとうございます。Autoptimizeは素晴らしいプラグインです。
WPブログの速度を向上させるプラグインを探していました。この記事を読んだ後、私のブログに「Autoptimize」をインストールして有効にしました。驚いたことに、PageSpeed Insightsでチェックしたところ、ブログの速度がモバイルで39から61、デスクトップで76から95に向上しました。
私のような新しいブロガーを導いてくれて、改めて感謝します。
WPBeginnerサポート
Glad our recommendation could be helpful
管理者
sachin
スクリプトURLとCSS URLを特定する方法
WPBeginnerサポート
Google Page Insights を使用する場合、問題を引き起こしている URL を表示するドロップダウン矢印があり、そのツールなしで URL を見つける方法に関する詳細はこちらのリンクがあります。
管理者
Raksh
新しいGoogle PageSpeed Insightsでリンクが表示されませんが、どうすればよいですか？
WPBeginnerサポート
There should be a dropdown arrow and when you click that it should show the links to the files
管理者
Monika
このウェブサイトがどれほど私を助けてくれたかわかりません!!!本当にありがとうございます！
Mr Jatt Poonam
過去に追加した画像を最適化するにはどうすればよいですか？
Love Goel
ありがとう、チュートリアルに本当に感謝しています。Autoptimizeプラグインを使用しましたが、私には非常によく機能しました。
Deeksha
これらのプラグインをすべて使用すると、ウェブサイトの動作が遅くなり、不適切なコンテンツが表示されます。
どうすればよいですか？助けてください。
WPBeginnerサポート
こんにちは、Deekshaさん
両方のプラグインは非常に安全です。ウェブサイトに不適切なコンテンツが表示されている場合は、ウェブサイトがハッキングされていないことを確認してください。いつでも両方のプラグインを無効にすることができます。
管理者
sumit kumar gupta
AutoptimizeプラグインをWordPressブログにインストールすると、ブログが開かなくなり、「このページは機能していません」と表示されます。どうすればよいですか？
サーバー、レンダリングブロックコードを排除するためにJavaScriptリンクを追加すると、ブログのランキングに影響はありますか？教えてください。
Tim Helmer
Sumit:
プラグインが機能しないため、プラグインフォルダの名前を変更して無効にする必要があります。FTPまたはファイルマネージャープラグインが必要です。ドメイン/wp-login.phpのように、wp-login.phpの場所からダッシュボードにアクセスできますか？
Henry Ramirez
wordpress.comを使用しています。これらのプラグインはここではサポートされていないため、wordpress.comで同じことを行うプラグインはありますか？ありがとう
ben
Autoptimizeは私には効果があります。スクリプトをうまく圧縮してくれますが、レンダリングブロックするスクリプトの警告はまだ表示されます。
Ismail
こんにちは。
現在WP Rocketを使用していますが、Autoptimizeプラグインと併用することは可能でしょうか？貴重な情報を共有していただきありがとうございます。
Gaurav Areng Chakraverti
こんにちは。W3メソッドを試しましたが、ディスクを使用してミニファイをオンにすると、すぐに次のエラーが発生します。
致命的なエラー: 不明: 不明な行0の出力バッファリング表示ハンドラで出力バッファリングを使用できません
どうすればそれを修正できますか？
全体的に素晴らしいチュートリアルです！ありがとうございます。
Gaurav Areng Chakraverti
EDIT: This problem goes away when I deactivate Autoptimize, however, so does the rest of the site. Only the bare bones remain with no actual content.
デビッド
Autoptimizeの設定が変更されました。利用可能なJavaScriptオプションは「JavaScriptコードの最適化」だけですか？あなたのスクリーンショットにある他のオプションは、少なくとも私が持っているものには利用できません。前回W3 Total Cacheを試したとき、誰もサイトにアクセスできませんでした。ページの読み込み時間を解決する方法をまだ探しています。なぜか10〜17秒かかります。
Chris
David、Gmetrixウェブスピードツールを試してみてください。結果リストには、サイトの読み込み方法と、ページ読み込みを遅くしている最大のファイルとスクリプトを示すウォーターフォールチャートがあります。
最も遅いスクリプトは、GoogleフォントのようなGoogleのCDNスクリプトであることがわかりました！同じ会社が、ユーザーに要求を強制しながら、スクリプトに時間がかかるようにしています。信じられないですね。
Divij
CloudflareとW3 Total Cacheで同時にminifyを使用できますか？Cloudflareでminifyを使用しており、W3cacheでは無効にしています。しかし、「ページの先頭にあるコンテンツのレンダリングをブロックするJavaScriptとCSSを削除する」というメッセージが引き続き表示されます。
ありがとうございます！
Rana Jayant
プラグイン23のキャッシュUIが変更され、最適化のために.js URLを入力するオプションがなくなりました。
「WordPress管理画面に移動し、パフォーマンス » ミニファイページにアクセスしてください。」について話しています。
MATTY
素晴らしいチュートリアルです。しかし、W3 Total Cache は、今年の初めの問題のため、現在使用しても安全ですか？それ以来使用をやめましたが、他に最高のプラグインでした。
Mohamed
この記事を共有していただきありがとうございます。しかし、「ウェブサイトのパフォーマンスや外観にも影響を与える可能性があることに留意してください」と書かれていましたが、
これはウェブサイトのGoogleランキングにとって良い影響なのか悪い影響なのか、明確にしていただけますか？
WPBeginnerサポート
こんにちは、Mohamedさん。
ウェブサイトが高速であることは、SEOランキングにとって間違いなく良いことです。しかし、レンダリングブロックの問題を修正する際に、テーマの外観を変更したり、以前よりもページの速度スコアが低くなったりする可能性があります。
管理者
Angie
ハッ、面白い。
ここで助けを求めていました。
そして、あなたの投稿に対してGoogleスピードツールを実行しました。
Googleの結果
モバイル
低い
54 / 100
デスクトップ
要改善
66 / 100
何か手がかりはありますか？
WPBeginnerサポート
こんにちは、Angieさん、
多くの場合、人々はGoogle PageSpeedで完璧な100を目指すことに執着しますが、ほとんどの機能的なウェブサイトではそれはほぼ不可能です。ソーシャルメディアボタン、リターゲティングスクリプト、または広告が少しでもある場合、サイトが完璧なスコアを取得することはありません。
おそらく、あなたはそれに遠く離れているでしょう。しかし、だからこそ、Pingdomのような他のツールを使用して速度の結果を確認できるのです。
例：WPBeginner.comのホームページは508ミリ秒で読み込まれます（これは驚異的に高速です） –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot1.png
しかし、デスクトップのGoogle Pagespeedスコアは74です（知らない人はこれを悪いと考えるでしょう）。 –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot2.png
ESPN、NYTimes、TechCrunchなどの人気ウェブサイトをすべて見てみると、完璧なスコアのサイトは一つもないことがわかります。実際には、それらからは程遠いです。
ESPNのスコア例です – デスクトップで62 –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot3.png
NYTimesの例を挙げます – デスクトップで68点 –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot4.png
TechCrunchの例です – デスクトップで49 –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot5.png
私たちのアドバイスは、WordPress を高速化する方法に関するガイドに従って、ウェブサイトを可能な限り高速化することに焦点を当て、Pingdom のようなツールを、ユーザーがウェブサイトを読み込む際に表示されるものの参照点として使用することです。
管理者
ケイト
これは実際にはレンダリングブロックを悪化させました。どうすれば削除できますか？
Chris Daly
AutoptimizeまたはW# Total Cacheを使用するたびに、私のサイトは壊れます。モバイルウェブビューはHTMLメニューリストに台無しになり、サイトの一部が機能しなくなります。4つの異なるサイトでこれらをすべて試しましたが、両方とも削除しました。
Chris
クリスさん、minifyセクションのW3 Cacheの警告を読んで遵守することをお勧めします。HTMLとCSSのみをminifyし、繰り返しますが、上記の投稿に記載されている理由により、すべてのCSSがminifyされるわけではないことに注意してください。
私はW3 Cacheを使い分け、画像の最適化にはtinyjpgを使用し、.htaccessファイルでOpCacheを設定しています。テンプレート制作者はスライダーを使いがちですが、画面幅1920pxの画像でページを肥大化させます。スライダーはやめて、小さな画像（より詳細が必要な場合はモーダルボックスを使用）とアイコンにしましょう。
Mary Cahalane
インストールしたばかりですが、ホームページが壊れました。すべての画像が消えています。
これを修正する方法について何かアイデアはありますか？
Bruno Ayres Martinez
皆さん、こんにちは！W3チュートリアルは大好きでした。情報が1つ欠けています。JSファイル管理の埋め込み場所です。
「本文の前に埋め込む」ですか？それとも「ヘッドに埋め込む」ですか？それとも「本文の後に埋め込む」ですか？
Dev thapa
私はブログを始めたばかりですが、Wpbeginner.com をしばらく前からフォローしており、彼らが書いていることはすべて非常に役立つと感じています。自信を持って言えますが、今日私のブログページが公開されているのは…30%はWpbeginner.comチームとSayed Balkhi氏がこのような素晴らしい、役立つウェブページを作成してくれたおかげです。
Wpbeginner に感謝しています。
これからも頑張ってください、幸運を祈ります。
WPBeginnerサポート
Devさん、こんにちは。
Thanks you for the kind words. We are glad you find WPBeginner helpful
管理者
steve
このサイトをGoogleのページスピードテストに入れたのですが、モバイルで66、デスクトップで77しか出ませんでした！？
Digember
プラグインはウェブサイトの負荷を増加させ、サイトを遅くします。wpbeginnerでは、プラグインを使用しないスピード最適化の方法を一つも見たことがありません。これらの方法はすべての人に有効ではないので、何か役立つことを教えてください。
Patricia Lynn
JavaScript、CSS、およびプラグインのw3 Total Casheを使用して、ウェブサイトのスピードパフォーマンスを向上させながらレンダリングブロックを修正する方法に関する詳細な情報
Sumit yadav
この情報に大変感謝しています。以前は私のページの読み込み速度は63でしたが、Autoptimizeプラグインをインストールした後、81に向上しました。
Yoseph
何が起こったのかよくわかりませんが、サイトの1つにautoptimizeをインストールしたところ、ページサイズが2.8MBから4MBに増加しました。
Shaye
ヤバい！これでサイトのパフォーマンスが劇的に低下しました！助けて！
エレズ・エリアス
共有ありがとうございます。
全体的にサイトの速度はほとんど向上しませんでした。しかし、レンダリングブロックの問題は解決されていません。
他の提案があればコメントしてください。
ありがとう。
almbrouk idris
100%を目指していますが、不可能です
John Bolhano
70点以上を目指していますが、まだ程遠いです。
Mayank
ハハ、素晴らしい、Googleはひどいですが、結局私は80+です
デビッド
Pingdomのサイトの96%よりも速い、ほぼ500ミリ秒まで3つの新しいウェブサイトを改善しました。他のスピードテスターでも同様です。
素晴らしいと思ったが、Googleがページインサイトで私を地に引き戻した。主にモバイルのスコアが低いが、これらのモダンなテーマはレスポンシブであるはずではないか？明らかにそうではない！
アップロードする前に、すべての画像をほとんど何も無い状態まで圧縮したので、イライラします。
また、ブラウザキャッシュなど、どのアプリも私には機能しません。
基本的なことが終わった後、私が抱えている3つの問題は次のとおりです。
1. レンダリングをブロックするJavaScript。
2. ブラウザキャッシュ。
3. モバイルに画像サイズが合っていない。
Muthukrishnan
すべてのプラグインを使用しましたが、ページの速度はまだ悪いです。
マイケル
少し混乱しています。wpbeginnerでGoogleスピードテストを実行したところ、まったく良いスコアが出ませんでした。何が足りないのでしょうか？
Yasser
私のウェブサイトはRTLですが、「Autoptimize」プラグインの設定を保存した後、ウェブサイトがLTRになりました！
Manohar Rao
AutoptimizeとW3 Total cacheの両方のプラグインが私のウェブサイトを破損させました。これらのプラグインは特定のテーマでのみ機能します。これらの2つのプラグインを使用する際には非常に注意が必要です。
トビー・フォーリッジ
この記事で推奨されている通りにAutoptimizeをインストールしたところ、私のウェブサイトは完全に台無しになりました。設定を間違えたのかもしれませんが、完全に削除した後、デスクトップのGoogle PageSpeedスコアは92になりました。モバイルは67なので、改善に取り組んでいますが、Autoptimizeを再び使用することはありません。それは確かです！
Nik
Thanks. It works for my blog.
Fued
こんにちは、WP初心者さん、
とても参考になる記事です！
ありがとうございます！
ただの質問ですか？
ミニファイモードを手動から自動に戻し、ミニファイされたファイルを削除しても問題ありませんか？また、手動と自動のどちらをお勧めしますか？
Cheers
Mayank
自動で実行するだけ
Nirmal Kumar
これらの両方の方法ではうまくいきませんでした。他に良い方法はありますか？
ibraheem Warriach
こんにちは、記事は気に入りましたが、W3 Total Cacheプラグインにスクリプトを追加するオプションがありません。どうすれば取得できるか教えていただけますか？
MASI
素晴らしい記事をありがとうございます。本当に助かりました。
ただ、小さな問題があります。今、混乱しています！
W3TCにすべての.jsと.cssを手動で追加しましたが、Googleのページチェッカーで1つの.cssにまだ問題があります。
修正を検討してください:
ページのビューポート内のコンテンツは、次のリソースの読み込みを待たずにレンダリングできませんでした。ブロックしているリソースを遅延または非同期で読み込むか、それらのリソースの重要な部分をHTMLに直接インライン化してみてください。
次のCSS配信を最適化します:
26952.default.include.c9d602.cssは現在.cssリストで利用可能ですが、このエラーが表示されます。この問題をどのように修正できますか？
Christian
「スタイルシートを追加」オプションが表示されませんが、何か原因がわかりますか？