18
OCT

PHP Image Compression & Caching: Optimisez vos images en PHP

Publié le 18/10/13 à 07h42 par DJo

PHP Image Compression & Caching est une bibliothèque PHP permettant d'améliorer vos webperfs en compressant et cachant les images de vos pages HTML.

PHP Image Compression & Caching est une bibliothèque PHP permettant d'améliorer vos webperfs en compressant et cachant les images de vos pages HTML.

On l'a déjà assez répété, il est primordial d'optimiser ses ressources web, et notamment ses images, pour gagner de précieuses millisecondes de chargement de ses pages web.

Que se soit pour le confort de vos visiteurs ou pour améliorer votre scoring dans les moteurs de recherche.

PHP Image Compression & Caching est une classe PHP qui vous permettra d'optimiser les images de votre site en 3 étapes:

  • Compression des images PNG, JPG ou GIF
  • Déplacement dans un répertoire de cache
  • Mise en cache dans le navigateur de vos visiteurs

Pour installer la classe, il vous suffira d'ajouter "nielse63/phpimagecache": "dev-master" dans votre Composer.json ou inclure la classe avec un require classique.

Voici un exemple d'utilisation de la classe:

$image = new ImageCache(
    $filebase = '', $dir = null, $create_dir = true, $opts = array()
);
/**
 * @param $filebase (string) - The base URL that will be included in the final output for the image source; primarily used if you want the image source to be an absolute URL; defaults to relative.
 * @param $dir (string/null) - The base directory that houses the image being compressed; defaults to the location of ImageCache.php.
 * @param $create_dir (bool) - Whether or not to create a new directory for the compressed images; defaults to "true"
 * @param $opts (array) - An array of available options that the user can include to the overwrite default settings.  Mostly just for forward-compatibility at the moment.
 */

$image_filename = 'chicago-skyline.png';
$d = $image->compress($image_filname);

/*
 * $d = array(
 *    'src' => '/compressed/chicago-skyline-compressed.jpg?modtime=1380389439',
 *    'width' => 4770,
 *    'height' => 2689
 * );
 */

echo '<img src="' . $d['src'] . '" width="' . $d['width'] . '" height="' . $d['height'] . '">';

Vous pourrez voir l'amélioration du chargement de votre page dans votre console Chrome / firebug.

Il ne reste plus qu'à automatiser la classe pour prendre en charge toutes vos images sans avoir à les entrer à la main une par une.

 

Site Officiel

Baraguiné par tobalsan le 18/10/13 à 21h55
tobalsan sur La Ferme du Web
Ça veut dire quoi "instakker" une classe ? C'est un process POO ? ;)
Baraguiné par DJo le 21/10/13 à 07h12
DJo sur La Ferme du Web
Oui, je suis précurseur sur la POO en PHP :)

Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Connexion avec Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web