Qui influence la vitesse de chargement des pages et la consommation de trafic ?

Qui influence la vitesse de chargement des pages web ?

        Lors de la création d'un site web, pour améliorer l'image de l'entreprise et permettre aux utilisateurs de mieux comprendre l'entreprise et ses produits, on ajoute souvent un grand nombre d'images pertinentes. Si ces images sont mal utilisées (trop nombreuses ou trop volumineuses), elles consommeront davantage de ressources système lors du chargement, ce qui affectera le temps de chargement global de la page. Par conséquent, l'optimisation des images est cruciale.

Alors, comment optimiser et modifier les images ?

1. Contrôler la taille des images

(1) Pour les images locales

    Les images placées sur une page web sont directement intégrées dans le package du programme. Des images trop volumineuses augmenteront la taille du package, prolongeant ainsi le temps de chargement. De plus, des images trop grandes augmenteront également le temps de rendu. Par conséquent, les créateurs doivent compresser autant que possible la taille des images.

Les créateurs peuvent optimiser et modifier les images selon les méthodes suivantes :

    •Pour les images ne nécessitant pas de transparence, il est recommandé d'utiliser le format JPEG plutôt que PNG.

    •Utilisez le format WebP, que ce soit sur PC ou mobile. Les images WebP, en cas de compression avec perte, montrent des changements difficiles à percevoir à l'œil nu, mais leur volume est considérablement réduit. (Remarque : WebP est un nouveau format d'image lancé par Google en 2010, offrant une meilleure compression que le format JPEG actuel. À qualité égale, les images WebP sont 40 % plus petites que les JPEG. L'utilisation du format WebP pour les images d'un site web peut considérablement améliorer la vitesse de chargement.)

(2) Comment activer le format WebP pour les images d'un site web :

       1) Étapes pour activer WebP en un clic : http://help.eyingbao.com/products/webp.html

       2) Que faire si certaines images ne sont pas claires après l'activation du format WebP ? Dans les propriétés du contrôle d'image, vous pouvez modifier la qualité de l'image. Notez cependant qu'une qualité plus élevée augmente le volume de l'image, ralentissant ainsi l'ouverture du site web.

          Étapes à suivre : http://help.eyingbao.com/products/wangzhanshangtupianbuqingxizenmechuli.html    

      Remarques :       

      •Assurez-vous qu'il n'y a pas d'images superflues ou inutiles sur la page web.

      •Faites attention aux images qui sont chargées par défaut mais qui ne seront peut-être jamais rendues, comme les « diaporamas », les « accordéons » et les « galeries d'images ».

      •Pour réduire le temps de rendu des images clés, le système Yingbao utilise un chargement différé pour les images moins importantes.

(3) Pour le traitement d'accélération CDN des images

        Dans le système de création de sites Yingbao, à l'exception des icônes, toutes les autres images sont déployées sur un CDN. Pour ces images en ligne, aucune compression supplémentaire n'est nécessaire.

(4) Chargement différé des images

        La plateforme de création de sites Yingbao utilise la technologie lazy-load pour le composant image, activée par défaut :

2. Vérifier rapidement les images trop volumineuses sur une page web

        Vous pouvez utiliser l'outil Network des outils de développement pour vérifier le temps de chargement et la taille des images. Les étapes spécifiques sont les suivantes :

      (1) Tous les navigateurs disposent d'un mode de développement. Par exemple, avec Chrome, après avoir ouvert la page, appuyez sur Ctrl+Shift+I ou cliquez sur « Inspecter » dans le menu contextuel pour entrer en mode développeur, puis cliquez sur l'onglet Network.

       (2)Cliquez sur « Img », puis sur « Size » dans la liste pour trier les images par taille. Optimisez principalement les images de plus de 50 Ko à l'aide d'outils de traitement d'images.

3. Optimiser et republier les images

       Une fois les images optimisées, il suffit de les republier. Vous pouvez également activer directement la fonction WebP dans l'interface d'administration du site.

      Voici les principales solutions pour optimiser les images d'une page web et améliorer sa vitesse de chargement. Si votre page web rencontre également des problèmes d'images trop volumineuses, optimisez-les rapidement selon les méthodes ci-dessus !