web-dev-qa-db-fra.com

Quelles sont les conséquences sur les performances du chargement de fichiers statiques sous forme de liens par rapport à l'envoi de tout (y compris des fichiers statiques) en ligne

Je me demandais ce qui serait plus rapide: charger des fichiers statiques ou tout envoyer (y compris des fichiers statiques) dans un seul fichier HTML?

Par exemple si j'avais une page qui a besoin de:

  • jQuery
  • police génial
  • CSS

Je pouvais:

  • ajouter des liens vers les scripts et les fichiers CSS
  • ou ajouter toutes ces choses dans un seul document HTML

Lequel serait le plus efficace pour moi de servir à partir d’un serveur Web?

htmlserverperformanceload-timestatic
2
user3033017

Cela dépend du nombre de pages que chacun de vos visiteurs voit.

J'ai un site de conversion de devise où presque tous les utilisateurs voient exactement une page. Ils obtiennent un calculateur de devise spécifique aux deux devises qu'ils souhaitent convertir. Après avoir effectué leurs calculs, ils quittent le site. Pour optimiser les performances du site, l'intégralité de la page constitue une requête. J'insère JavaScript, CSS et même les images à l'aide de data URI .

Cela améliore considérablement les performances de la première page d'une session utilisateur. Il passe de 800 ms à 400 ms parce qu'il n'y a aucune attente pour des ressources supplémentaires.

D'autre part, lorsque tout est en ligne, toutes les ressources doivent être servies à chaque affichage de page. Si vous avez de gros fichiers JS, CSS et images; vous ne voulez plus avoir à renvoyer car le visiteur visualise plus de pages. Dans ce cas, il est judicieux de ralentir légèrement le chargement de la première page en échange de délais de chargement plus rapides.

1
Stephen Ostermiller