PageSpeedは、外部画像を使用しているときに "レンダリングブロック"のスクリプトを批判しています

私のページのボディの終了タグの直前（</body>）のCDNからスクリプトを配置しました。 GoogleのPageSpeed Insightsの評価による氏は述べています：PageSpeedは、外部画像を使用しているときに "レンダリングブロック"のスクリプトを批判しています

は、上記の倍の量でレンダリングブロックJavaScriptとCSSを排除
あなたのページには、1つのブロックスクリプトリソースを持っています。これにより、ページのレンダリングが遅くなります。

は、私は私の </body> ない遅延レンダリングの終了前にスクリプトを思いましたか？

いくつか試行錯誤した結果、私のページが外部画像を使用していることが原因であることがわかりました。あなたはページスピードは、「レンダリングブロッキング」スクリプトを検出することがあります下の例では：

<body> 
    <img src="http://i.stack.imgur.com/oURrw.png" /> 
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
</body>

を、これは本当に私のページをレンダリングで遅延が発生していますか？

出典

2017-02-17 Ruud Lenders

*「あなたのページには3つのブロックスクリプトリソースがあります」というデモ用の[mcve]をまとめることができますか？*エラーと質問にマークアップを入れますか？ –

IMHO GoogleのPageSpeedは、一部のページのレンダリング時間をブロックするリソースを参照する必要があります。そのため、理論的にはページが読み込まれているため、遅延が非同期で実行されます遅延モードでロードするように変更した後に不平を言う。あなたは本当によくそれを説明するこの素敵な投稿を確認することができますhere。

出典

2017-02-18 01:45:39 artemisian

しかし、 'defer'を追加すると、PageSpeed Insightsだけが満足され、実際に何か有益なことはしないで、' 'の直前にスクリプトを置くことに比べているようです。 –

私は</body>の終わりの前にスクリプトがレンダリングを遅らせないと思いましたか？

正しくはありません。

...

私はimgを削除する場合は、レンダリング・ブロッキングのJavaScript：例えば

は、私にとって、これは（イメージで）レンダリングをブロックhttps://code.jquery.com/jquery-3.1.1.min.jsのための警告をトリガ警告が消えます。

私はバグとして報告したいと思います。私はそのスクリプトについて何もレンダリングをブロックしていません。私はさらにimgを固定サイズ、つまりoverflow: nonedivにラップしようとしましたが、まだエラーが発生しました。そのスクリプトがレンダリングをブロックする理由を見ることはできません。あなたがバグとして報告し、それが理由があると判明した場合、それは良い結果です。しかし、それはバグでしょう。

出典

2017-02-18 17:26:03

あなたはこのバグをどこから報告することができますか？ –

@RuudLenders：オフハンドではありませんが、Googleは物事を公正に維持するのにはかなり良いです。（時々間違いがありますが） –

PageSpeedは、外部画像を使用しているときに "レンダリングブロック"のスクリプトを批判しています

答えて

関連する問題