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

Mobile

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

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

Pourquoi tester séparément mobile et ordinateur

Transformer deux rapports différents en décisions adaptées aux visiteurs.

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

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

Le CSS critique doit aussi respecter les interactions

Un premier écran correct ne suffit pas à valider une feuille de style différée.

Lire le guide
Code et rendu

Content-visibility pour les pages longues : où commencer

Réduire le travail de rendu hors écran sans perdre la cohérence du document.

Lire le guide
Code et rendu

Un carrousel en tête de page mérite un audit spécifique

Plusieurs diapositives peuvent mobiliser des ressources avant d’apporter une information utile.

Lire le guide
Cache et hébergement

Le cache précédent-suivant améliore un autre moment du parcours

Un retour à une page peut être très différent d’un nouveau chargement.

Lire le guide
Images et médias

Écrans denses : garder la netteté sans envoyer trop grand

La largeur en pixels CSS ne correspond pas toujours au nombre de pixels nécessaires dans le fichier.

Lire le guide
Images et médias

Rendre une capture d’écran lisible sans charger toute la page

Recadrage et hiérarchie éditoriale comptent autant que le format.

Lire le guide