web-dev-qa-db-fra.com

Comment puis-je dire à Chrome d'utiliser les 6 connexions simultanées dès que possible?

Je voudrais améliorer les performances de rendu de http://www.camping.info/campinplaetze . Effectuer un test sur WebPageTest.org Je vois dans le graphique en cascade que pour les images chargées à partir de http://images-camping.info , Chrome ne s'ouvre initialement que trois connexions, et seulement à la marque de 2 secondes ouvre trois autres. C'est pourquoi les 6 premières images sont chargées consécutivement, toutes sur la troisième connexion ouverte, comme indiqué dans la vue des connexions:

Resource viewConnection view

Je voudrais que Chrome ouvre les six connexions simultanées vers images-camping.info autour du repère 1 seconde afin qu'il puisse télécharger plus d'images en parallèle qui, je suppose, rendraient le rendu de la page plus rapide.

Est-ce que quelqu'un connaît un moyen de faire ça?

performancegoogle-chromeconnections
2
Oliver

Réponse courte - chaque navigateur a un spécifique limite d'ouverture de connexions parallèles. Dans le cas de Chrome cette limite est de 10 .

Si j'étais là, je ne ferais que deux choses:

  1. Optimiser les images - Si vous utilisez des fichiers png, je vous suggère d'utiliser tinypng.com , car il compresse bien les images par rapport au module Google PageSpeed.

  2. Servez les images à partir du CDN - Utilisez le CDN d'Amazon Cloudfront pour servir les images, car l'URL de l'image commence par l'URL d'Amazon Cloudfront. Vous n'avez donc pas besoin d'utiliser un deuxième domaine. voici un exemple leur nom de domaine. CDN aide à plusieurs façons .

1
Goyllo

Vous pouvez avoir plusieurs sous-domaines (CNAME) et charger certaines ressources via ceux-ci, par exemple:

  • css.domain.com
  • js.domain.com

ou mieux, assets1, assets2, etc. Ils pointent tous vers le même serveur, mais dans votre source de page, vous utilisez différents sous-domaines pour tromper le navigateur.

1
DennisP

Je ne peux pas vous donner une réponse complète car je ne suis pas sûr que vous puissiez dire à Chrome comment charger votre page, mais vous pouvez au moins optimiser votre site Web.

  1. En commençant par Expire Headers, assurez-vous qu'ils fonctionnent correctement, pas seulement pour les images, mais pour pratiquement tout.

  2. Optimisez les images sur votre site Web, je pense que vous l'avez fait, mais si vous ne l'avez pas encore fait, utilisez un convertisseur en ligne tel que tinypng.com ou autre pour compresser vos images.

  3. Utilisez la compression .gzip pour les fichiers src et réduisez-les au minimum.

Il y a sûrement plus de choses à creuser dans l'optimisation des performances, mais je pense que vous devriez envisager de commencer par ces trois choses de base et si elles vous aident, je peux vous donner d'autres conseils.

0
knif3r