web-dev-qa-db-ja.com

特定のキャッシュされた静的リソースのNGINXでの高いTTFB

次のページを最適化しようとしています: https://123tinki.com/nl-nl/c/geperste-hondenbrokken

NGINXリバースプロキシによって提供されます。 .jsや.cssなどの静的コンテンツは、NGINXサーバーによってキャッシュされます。最初の30のリソースは正常にダウンロードされているようです。彼らは〜20ミリ秒のTTFBを持っています。しかし、その後突然TTFBが約500ミリ秒に上昇しました。新しいウィンドウでリソースを個別にロードすると、通常のTTFBになります。リソースの応答ヘッダーを確認しましたが、NGINXキャッシュ(x-proxy-cache:HIT)から提供されています。

enter image description here

TTFBが非常に遅いのはなぜですか?最大並行ダウンロードは問題をカバーしていないようです。その場合、以前のダウンロードが完了した後でダウンロードが開始されると想定します。どうすれば調査できますか?

1
Peter de Bruijn

注:Chromeの「時間」列は、最初のバイトまでの時間ではなく、最後のバイトまでのリソースの合計ダウンロード時間を測定します。JSファイルの方が時間がかかると思います。 Chromeはレンダリング前にブロックするため、JSの前にCSSおよびPNGファイルをロードすることに重点を置いています。