Les mots utiles, en clair
- CSS : présentation
- Les règles qui définissent les couleurs, les tailles et la disposition de votre page.
Comprendre la situation
Un élément caché par une règle CSS peut être présent dans le HTML et déclencher un téléchargement. Certains constructeurs produisent deux sections, l’une pour ordinateur et l’autre pour mobile. PageSpeed.fr ne supprime pas automatiquement ces sections car elles peuvent contenir des éléments nécessaires à une autre largeur ou à une interaction.
Marche à suivre
- Comparez les éléments visibles et les requêtes d’images sur un écran mobile.
- Vérifiez si des versions ordinateur restent présentes dans le document.
- Identifiez la règle du constructeur qui décide de leur visibilité.
- Envisagez une image responsive ou un composant unique lorsque le design le permet.
Vérifier le résultat
Après adaptation, contrôlez toutes les largeurs utilisées par le site. Supprimer un bloc parce qu’il est caché sur votre écran peut casser un autre appareil. Mesurez les transferts réellement évités et vérifiez les changements de mise en page. Le nombre d’images visibles n’est pas toujours égal au nombre de fichiers téléchargés.
Besoin d’aide pour votre site ? Retrouvez les conseils d’installation et de compatibilité dans notre centre d’aide.