Top-News.fr

Top-News > Informatique > Optimisations Images WordPress

Optimisations Images WordPress

wordpress-cache

Voici une petite liste de conseils pour optimiser les images d' un WordPress .

WordPress créé par défaut des miniatures des images envoyées . Il est très rare d' utiliser toutes les miniatures pour son thème . On peut donc désactiver la création de ces images .

  • Cliquez dans l' admin sur Médias dans la section Réglages .

Entrez la valeur 0 en largeur et en hauteur pour désactiver la création de miniature . Personnellement je désactive toujours les tailles moyennes et grandes . Je conserve uniquement les miniatures " Recadrées " , elle sont particulièrement pratique pour les thèmes " Magazine " ( on rentre par exemple pour chaque post le nom de l' image à afficher dans les champs perso et on réécrit en php le nom du fichier pour afficher la miniature ) .

< ? php
if(get_post_meta($post->ID,'homethumb', true); !="" ) {
$homethumb = get_post_meta($post->ID,'homethumb', true);
$homethumb = str_replace( '.jpg', '', $homethumb );
}

if($homethumb!="") { ? >

< a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" >< img src="http://photosblog.top-news.fr/< ?php echo $homethumb; ?>-120x120.jpg" alt="< ?php the_title(); ?> photo" title="< ?php the_title(); ?> photo" / >< /a >

< ? php } ? >

  • la seconde étape est très simple et rapide : installer le plugin Smush.it .

Smush.it permet d' optimiser les images à la volée lors de leur envoie .

( pour le télécharger : http://wordpress.org/extend/plugins/wp-smushit/ )

Smush.it offre également la possibilité d' optimiser des images déjà envoyées ( dans l' admin cliquez sur Bibliothèque , une colonne smush.it permet d' optimiser ses images ) .

  • si vous avez déjà envoyé plusieurs centaines d' images sur votre blog , il vous sera malheureusement impossible d' utiliser Smush.it pour une optimisation en masse .

Voici une solution si vous avez un serveur dédié :

je conseille pour les " anciennes " images d' utiliser le script imgopt , ce dernier permet d' optimiser l' ensemble d' un répertoire ( et des sous répertoires ) .

La commande sous linux pour réaliser cette optimisation est  imgopt . .

Vous trouverez sur cette page toutes les infos nécessaires à son installation et à son utilisation : http://lyncd.com/2009/03/imgopt-lossless-optimize-png-jpeg/

Comme d' habitude avant de manipuler des fichiers il est plus que conseillé d' effectuer une sauvegarde ( une catastrophe est si vite arrivée ) . sous linux on peut compresser un répertoire très rapidement : tar cfvz NOMARCHIVE.tar.gz REPERTOIRE_A_COMPRESSER

  • il est également possible de fusionner toutes les images utilisées par son thème pour minimiser le nombre de requêtes : voir le tutoriel sur les Sprite CSS
  • sprite

  • il ne pas oublier de demander la mise en cache des images via le fichier .htaccess ou dans Apache directement .

< IfModule mod_expires.c >

< FilesMatch "\.(gif|jpg|JPG|jpeg|png|swf|css|js|html?|xml|txt)$" >

ExpiresActive On

ExpiresDefault "access plus 10 years"

< /FilesMatch >

< /IfModule >

< FilesMatch "\.(gif|jpg|JPG|jpeg|png|swf|css|js|html?|xml|txt)$" >

Header unset ETag

FileETag none

< /FilesMatch >

  • pour terminer , il est possible ( même si WordPress le fait automatiquement ) que les balises alt et title soient vides ( si title sert à quelque-chose au niveau référencement ) . Une balise alt est très préjudiciable dans l' indexation des images par les moteurs de recherche . Si vous n' avez pas envie de reprendre tous vos billets pour éditer ces balises il existe le plugin SEO Friendly Images qui les remplit automatiquement http://www.prelovac.com/vladimir/wordpress-plugins/seo-friendly-images ( vous trouverez également sur ce blog de précieuses informations pour votre blog wordpress  )

plus de news sur Optimisations Images WordPress

dans les dossiers : • Informatique

Votre avis sur le billet : Optimisations Images WordPress