Compléter le Lazy Loading avec la compression d'image

Au cours des derniers mois, nous avons parlé de l'importance de la compression d'image. Que ce soit dans Joomla, WordPress, Drupal ou tout autre CMS, la compression d'image améliore le poids de la page, donc le temps de chargement global. D'autre part, le lazy loading images facilite la navigation sur votre site Web en reportant le chargement des images jusqu'au moment où vos lecteurs accèdent aux images.

En reportant le chargement des images, les lecteurs mobiles peuvent économiser sur leur forfait de données. Tous les autres bénéficient de temps de chargement plus rapides, ce qui augmente votre score SEO. L'impact positif du lazy loading est suffisamment important pour que Google Chrome envisage d'adopter la technique de manière native dans les futures mises à jour.

Le lazy loading image n'est pas la solution ultime à tous les problèmes de chargement de blog. Dans certains cas, vous devez précharger les images. Dans d'autres cas, vous avez de grandes images dont le chargement prend trop de temps. Ce qui est commun dans ces scénarios est le fait que les images ont le dernier mot sur les temps de chargement. C'est là qu'intervient la compression d'image.

Compression d'image diligente

Le lazy loading images reporte le téléchargement des images jusqu'à ce qu'elles soient nécessaires. Le temps nécessaire pour télécharger les images dépend de la taille de l'image, qu'il s'agisse de quelques kilo-octets ou de mégaoctets. La compression d'image accélère le processus de téléchargement en réduisant la taille des images. Pourquoi charger paresseusement des images pleine taille alors que vous pourriez charger paresseusement des images compressées?

ImageRecycle assume le rôle d'optimiseur d'image. ImageRecycle est conçu pour réduire la taille des images sans compromettre la qualité. Les images comprennent certains des éléments les plus courants et les plus volumineux des pages Web modernes. Réduire leur taille signifie payer moins d'espace de stockage et une expérience de navigation plus rapide. Les effets sont stupéfiants. J'ajouterais que l'effet est encore plus impressionnant lorsque le lazy loading utilise une technique avancée comme le préchargement de la fenêtre, ce qui signifie qu'une ou deux hauteurs d'écran ont déjà leurs images préchargées.

ImageRecycle peut être utilisé dans n'importe quel projet grâce à une API pratique, mais vous n'avez pas besoin d'avoir l'esprit technique pour utiliser ImageRecycle . L'optimiseur d'image fait partie de deux plugins qui vous aident à optimiser vos blogs WordPress et Joomla: WP Speed of Light et Speed Cache et peut être utilisé sur presque toutes les plateformes avec le script de compression d'image PHP.

Le processus d'utilisation d' ImageRecycle dans l'un de ces deux plugins ou dans le script est relativement simple. Tout d'abord, vous devez activer un essai gratuit d' ImageRecycle ou acheter un abonnement. Ensuite, installez et activez les extensions WordPress ou Joomla et le plugin ImageRecycle , et ajoutez votre ImageRecycle API ImageRecycle et votre secret dans la page des paramètres. Une fois que vous avez activé votre compte ImageRecycle avec succès, vous pouvez exploiter ses avantages sans avoir à quitter WordPress, Joomla, opencart ou tout autre CMS.

Si c'est la première fois que vous utilisez ImageRecycle sur votre site Web, vous pouvez immédiatement mettre à jour tous vos fichiers multimédias. Avec le plugin activé, vous pouvez compresser toutes les images et même les fichiers PDF en masse immédiatement. À l'avenir, vous pourrez optimiser les fichiers individuellement ou compresser les médias en masse. Mieux encore, ce processus se déroule en arrière-plan.

Réglage précis de la compression d'image

Pouvoir optimiser toutes les images est une bénédiction, mais la plus grande démonstration de force d ' ImageRecycle est son contrôle. Avec ImageRecycle , l'optimisation de l'image reçoit une toute nouvelle dimension de contrôle. Vous pouvez inclure des dossiers multimédias spécifiques pour la compression, 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 - fichiers PDF, PNG, JPG et GIF. Les niveaux de compression vont de la meilleure sauvegarde, la taille des fichiers de coupe jusqu'à 80%, au niveau de qualité d'origine moins permanent, à aucune compression du tout.

Dans certains cas, vous souhaiterez peut-être faire précéder la compression de l'image d'une étape de redimensionnement préliminaire. Envisagez de télécharger des images qui ont d'énormes dimensions sur un blog qui ne se concentre pas beaucoup sur les médias. De toute façon, ces images sont susceptibles d'être réduites lors du rendu dans le frontend.

Plus inquiétant encore, ces grandes images occupent trop d'espace et doivent être téléchargées dans leur intégralité pour être affichées. ImageRecycle vous permet de redimensionner automatiquement les images à une largeur ou une hauteur maximale pour éviter de stocker des images volumineuses qui ont un effet néfaste sur votre blog.

Lazy loading est une bonne solution pour réduire les temps de chargement sur votre blog, mais parfois il peut être presque superficiel - une accélération temporaire des pages Web. La compression d'image complète le lazy loading en le rendant pleinement efficace grâce à l'optimisation de l'image. Toujours indécis ou impatient d'essayer la compression d'image? Essayez ImageRecycle par vous-même avec un essai gratuit!