Complément Lazy Loading par la compression d'images

Ces derniers mois, nous avons insisté sur l'importance de la compression d'images. Que ce soit sous Joomla, WordPress, Drupal ou tout autre CMS, la compression d'images allège la page et, par conséquent, accélère son chargement. Par ailleurs lazy loading des images facilite la navigation sur votre site web en reportant leur chargement jusqu'à ce que vos visiteurs y accèdent.

En différant le chargement des images, les utilisateurs mobiles peuvent économiser leurs données. Tous les autres bénéficient de temps de chargement plus rapides, ce qui améliore leur référencement. L'impact positif du lazy loading est tel que Google Chrome prévoit d'intégrer cette technique nativement dans ses prochaines mises à jour.

lazy loading des images n'est pas la solution miracle à tous les problèmes de chargement des blogs. Dans certains cas, il est nécessaire de précharger les images. Dans d'autres, ce sont les images volumineuses qui prennent trop de temps à charger. Le point commun à ces situations est que les images ont le dernier mot sur les temps de chargement. C'est là que la compression d'images intervient.

Compression d'image rigoureuse

lazy loading des images repousse leur téléchargement jusqu'à ce qu'elles soient nécessaires. Le temps de téléchargement dépend de la taille de l'image, qu'elle soit de quelques kilo-octets ou de plusieurs mégaoctets. La compression d'images accélère le téléchargement en réduisant leur taille. Pourquoi utiliser le chargement différé pour les images en pleine résolution alors qu'il est possible d'utiliser le chargement différé pour les images compressées ?

ImageRecycle joue le rôle d'optimiseur d'images. ImageRecycle est conçu pour réduire la taille des images sans compromettre leur qualité. Les images constituent l'un des éléments les plus courants et les plus volumineux des pages web modernes. Réduire leur taille permet de réduire l'espace de stockage et d'améliorer la vitesse de navigation. Les résultats sont impressionnants. J'ajouterais que l'effet est encore plus remarquable lorsque le lazy loading utilise une technique avancée comme le préchargement de la fenêtre d'affichage, ce qui signifie que les images correspondant à une ou deux hauteurs d'écran sont déjà préchargées.

Grâce à son API pratique, ImageRecycle s'intègre à tous vos projets ImageRecyclemême sans compétences techniques particulières. Cet optimiseur d'images fait partie de deux extensions WordPress et Joomla : WP Speed of Light et Speed Cache . Compatible avec la plupart des plateformes grâce à son script de compression d'images PHP, il vous permet d'optimiser vos blogs.

L'utilisation ImageRecycle dans l'un de ces deux plugins ou dans le script est relativement simple. Commencez par activer un essai gratuit d' ImageRecycle ou souscrivez un abonnement. Installez et activez ensuite les extensions WordPress ou Joomla ainsi que le plugin ImageRecycle , puis ajoutez votre clé API et votre secret ImageRecycle dans les paramètres. Une fois votre compte ImageRecycle activé, vous pourrez profiter de ses avantages sans quitter WordPress, Joomla, OpenCart ou tout autre CMS.

Si vous utilisez ImageRecycle pour la première fois sur votre site web, vous pouvez immédiatement optimiser la vitesse de tous vos fichiers multimédias. Une fois le plugin activé, vous pouvez compresser en masse toutes vos images et même vos fichiers PDF. Par la suite, vous pourrez optimiser les fichiers individuellement ou compresser les médias en masse. Mieux encore, ce processus s'effectue en arrière-plan.

Réglage fin de la compression d'image

Pouvoir optimiser toutes les images est un atout précieux, mais la véritable force d' ImageRecycleréside dans son contrôle. Avec ImageRecycle, l'optimisation d'images atteint une toute nouvelle dimension. Vous pouvez inclure des dossiers multimédias spécifiques pour la compression, tout en laissant les autres images dans leur état d'origine.

Vous pouvez même spécifier le niveau de compression indépendamment pour différents types de fichiers : PDF, PNG, JPG et GIF. Les niveaux de compression vont de la compression optimale, réduisant la taille des fichiers jusqu’à 80 %, à la compression minimale, en passant par une qualité d’origine moins durable.

Dans certains cas, il peut être judicieux de redimensionner les images avant de les compresser. Pensez par exemple à télécharger des images de grande taille sur un blog qui ne met pas l'accent sur les médias : ces images seront de toute façon probablement redimensionnées lors de l'affichage sur le site.

Plus inquiétant encore, ces images volumineuses occupent trop d'espace et doivent être téléchargées en entier pour s'afficher. ImageRecycle vous permet de redimensionner automatiquement les images à une largeur ou une hauteur maximale afin d'éviter de stocker des images trop grandes qui nuisent à votre blog.

Lazy loading est une bonne solution pour réduire le temps de chargement de votre blog, mais son effet est parfois superficiel : une accélération temporaire des pages web. La compression d'images complète lazy loading en le rendant pleinement efficace grâce à l'optimisation des images. Vous hésitez encore ou vous avez hâte d'essayer la compression d'images ? Testez ImageRecycle gratuitement !