TTFB élevé sur NGINX pour des ressources statiques en cache spécifiques
J'essaie d'optimiser la page suivante: https://123tinki.com/nl-nl/c/geperste-hondenbrokken
Il est servi par un proxy inverse NGINX. Le contenu statique comme .js et .css est mis en cache par le serveur NGINX. Les 30 premières ressources semblent se télécharger correctement. Ils ont un TTFB de ~ 20 ms. Mais soudain, le TTFB a atteint ~ 500 ms. Si je charge les ressources individuellement dans une nouvelle fenêtre, elles ont un TTFB normal. J'ai vérifié les en-têtes de réponse sur les ressources et ils sont servis à partir du cache NGINX (x-proxy-cache: HIT).
Pourquoi le TTFB est-il si lent? Le nombre maximal de téléchargements parallèles ne semble pas couvrir le problème. Dans ce cas, je suppose que le téléchargement commencera après la fin des téléchargements précédents. Comment puis-je enquêter?
A noter, la colonne "Time" dans Chrome mesure le temps de téléchargement total de la ressource jusqu'au dernier octet, pas le temps jusqu'au premier octet. Je suppose que les fichiers JS prennent plus de temps à télécharger uniquement parce que Chrome se concentre sur le chargement des fichiers CSS et PNG avant le JS, car ils bloquent le rendu.