Votre site a mieux à faire que vous faire attendre. Découvrir PageSpeed.fr

Images

Articles réunis autour du thème « Images ».

51 articlesDes explications. Des étapes. Des sources.
Mesure et méthode

Pourquoi regarder une médiane plutôt qu’un meilleur score

Interpréter une série de mesures sans sélectionner uniquement le résultat favorable.

Lire le guide
Images et médias

Srcset : proposer des tailles utiles au navigateur

Une image légère commence par une variante adaptée à sa place réelle.

Lire le guide
Images et médias

Sizes : expliquer la mise en page au navigateur

Une liste de variantes ne suffit pas lorsque la largeur annoncée est incorrecte.

Lire le guide
Images et médias

Picture : recadrer sans sacrifier le message sur mobile

Adapter la composition d’une image lorsque le même cadrage ne convient pas partout.

Lire le guide
Images et médias

Pourquoi l’image du premier écran ne doit pas attendre

Le chargement différé est utile surtout pour les ressources qui ne sont pas immédiatement nécessaires.

Lire le guide
Images et médias

Précharger une image responsive sans doublon

Le préchargement doit désigner la même ressource que celle utilisée à l’affichage.

Lire le guide
Images et médias

Réserver la place des images pour stabiliser la lecture

Les dimensions renseignées servent aussi à éviter les mouvements inattendus.

Lire le guide
Images et médias

Une image de fond peut être découverte trop tard

Comprendre le coût de la chaîne HTML, CSS puis image.

Lire le guide
Images et médias

Nettoyer une médiathèque sans perdre les fichiers utiles

Une démarche de stockage qui respecte les variantes et les références existantes.

Lire le guide
Images et médias

Choisir une qualité d’image à partir de son usage

Le réglage pertinent dépend du sujet, de la taille et de l’écran.

Lire le guide
Code et rendu

Retarder tous les scripts au premier clic peut déplacer le problème

Une page visuellement rapide doit aussi répondre à la première interaction.

Lire le guide
Code et rendu

Un widget de chat doit être évalué comme un composant du site

Mesurer sa valeur et son coût au-delà de sa petite bulle visuelle.

Lire le guide