Chargement plus rapide des images avec des aperçus d'images intégrées

La technique de prévisualisation d'images incorporées (EIP) introduite dans cet article nous permet de charger des images d'aperçu pendant le chargement différé à l'aide de demandes de plage progressive JPEG, Ajax et HTTP sans avoir à transférer des données supplémentaires.

Low Quality Image Preview (LQIP) et la variante basée sur le SVG SQIP sont les deux techniques prédominantes pour le chargement d'images paresseux. Ce que les deux ont en commun, c'est que vous générez d'abord une image d'aperçu de mauvaise qualité. Ce sera affiché flou et plus tard remplacé par l'image originale. Et si vous pouviez présenter une image de prévisualisation au visiteur du site Web sans devoir charger de données supplémentaires?

Les fichiers JPEG pour lesquels le chargement différé est principalement utilisé ont la possibilité, conformément à la spécification, de stocker les données qu’ils contiennent. de telle sorte que le contenu grossier puis détaillé de l’image s’affiche. Au lieu d'avoir l'image construite de haut en bas pendant le chargement (mode de base), une image floue peut être affichée très rapidement, ce qui devient de plus en plus nette (mode progressif).

In Outre l'amélioration de l'expérience utilisateur fournie par l'apparence affichée plus rapidement, les JPEG progressifs sont généralement plus petits que leurs équivalents codés en base. Selon Stoyan Stefanov de l'équipe de développement de Yahoo, si le nombre de fichiers ayant une taille inférieure à 10 ko est de 94%, si vous utilisez le mode progressif, si vous utilisez le mode progressif

Source link