WordPress : L’image d’arrière-plan ralentit considérablement le site

Publié par Jean-Michel le

Je suis actuellement en train de personnaliser ma page d’accueil sur le thème WordPress Avada. Cependant, j’ai une image de fond très riche qui fait 18 Mo en arrière-plan. En conséquence, la page s’exécute très lentement, environ 45 secondes à charger pour la page d’accueil.

Quel est le moyen de contourner cela, comment puis-je réduire la taille du fichier et comment les autres sites Web le font-ils?

Toutes les réponses sont appréciées.

Merci

Solution n°1 trouvée

Vous devez minimiser votre image de fond. 18 Mo, c’est trop lourd pour un site Web. Utilisez Photoshop ou tout autre outil de manipulation d’image pour réduire le poids de votre image. Et doit réduire le poids en dessous de 300 Ko. Sinon, votre site sera très lent à l’avenir.

Solution n°2 trouvée

En plus d’utiliser des outils comme photoshop et gimp, vous pouvez utiliser un plugin pour redimensionner et compresser automatiquement toutes vos images en masse et les vignettes générées par WordPress, voici quelques plugins gratuits que j’ai trouvés qui font un excellent travail :

  • EWWW Image Optimizer : Compressez vos images sur votre serveur en utilisant jpegtran, TinyJPG, JPEGmini, optipng, pngout, pngquant, TinyPNG et gifsicle.
  • Imagify Image Optimizer : Compressez 25 Mo par bouche d’images sur leur serveur
  • Imsanity : Imsanity redimensionne (et non comprime) automatiquement les énormes téléchargements d’images.

Solution n°3 trouvée

Il existe plusieurs manières de minifier une photo :

Utilisez https://tinypng.com/ pour réduire la taille de vos images. Cependant, l’image peut perdre une partie de la qualité au cours du processus.

Vous pouvez également l’héberger dans un CDN qui est utilisé pour diffuser du contenu plus rapidement. en savoir plus à ce sujet ici : http://www.webopedia.com/TERM/C/CDN.html

Essayez d’utiliser un format de fichier généralement plus petit. En savoir plus à ce sujet : https://en.wikipedia.org/wiki/Image_file_formats

edit : Et oui, la minimisation de Photoshop peut également aider dans le processus.

Catégories : Wordpress

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *