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

Masquer un bloc sur mobile ne garantit pas un chargement plus léger

Vérifier les ressources demandées derrière les règles responsive.

Les mots utiles, en clair
JavaScript : interactions
Le code qui fait fonctionner des éléments comme les menus, les formulaires et certaines animations.

Distinguer visibilité et réseau

Un constructeur peut produire deux versions d’un bloc puis en masquer une selon la largeur. Le visiteur ne voit qu’une composition, mais le document contient toujours les deux structures. Selon la manière dont les ressources sont référencées, une partie de leur coût peut subsister.

Inspecter la page mobile réelle

Filtrez les images et scripts dans le réseau, puis reliez-les aux blocs visibles et cachés. Ne déduisez pas le poids de la page à partir de sa capture. Un grand visuel de bureau peut encore être présent dans les requêtes même si sa section disparaît visuellement.

Préférer une structure adaptable

Lorsque possible, construisez un même contenu qui s’adapte au lieu de dupliquer toute une section. Gardez les différences éditoriales réellement nécessaires, mais vérifiez leur chargement. Testez aussi le clavier et les technologies d’assistance pour éviter des contrôles dupliqués ou des contenus masqués de façon incohérente.

Pour aller à la source

Besoin d’aide pour votre site ? Retrouvez les conseils d’installation et de compatibilité dans notre centre d’aide.
Votre prochaine étape

Et si votre site
passait la seconde ?

Essayez, comparez, gardez la main. Vous pouvez désactiver ou supprimer l’extension à tout moment pour retrouver le fonctionnement habituel de votre site.

Accélérer mon siteMesurer mon site