Pages HTML volumineuses

Les pages HTML volumineuses (pages de plus de 3 Mo) apparaissent rarement dans les résultats de recherche, mettent beaucoup de temps à se charger et contiennent généralement du contenu inutile. Google privilégie les sites rapides. Avoir de grandes pages HTML qui ralentissent votre vitesse de chargement peut nuire à votre classement dans les moteurs de recherche.

Labrika identifie ces pages et les enregistre dans un rapport distinct, mais ne les analyse pas davantage, car l'application pratique de telles pages volumineuses est inconnue.

Principales raisons de l'apparition de pages HTML volumineuses :

• Des images SVG sont intégrées dans le code de la page.
• Des informations intégrées destinées au débogage du site sont présentes.
• Des morceaux de données malveillantes rendent le téléchargement difficile. Cela peut être des restes de virus supprimés ou des données insérées après le piratage du site.
• Du JavaScript est intégré dans le code HTML de la page mais non dans un fichier séparé.
• Après l'insertion d'éléments d'un autre document dans la page, des styles CSS redondants ont été ajoutés au code HTML pour chaque élément, occupant beaucoup d'espace. Par exemple, l'insertion de texte d'un document Word sans nettoyage des balises.
• Le propriétaire de la ressource ou des hackers qui ont piraté le site ont pu intégrer un code pour miner des cryptomonnaies dans le site web.

Comment trouver des pages HTML volumineuses sur votre site ?

Vous pouvez trouver les données dans le rapport sur les pages HTML volumineuses dans la section Audit Technique. Ce rapport affichera la liste complète des pages occupant plus de 3 Mo, s'il y en a sur votre site.

Que faire avec ces pages ?

Pour identifier plus en détail les zones problématiques, vous pouvez utiliser l'outil PageSpeed Insights de Google. Utilisez le rapport pour évaluer la vitesse des pages, ce qui vous donnera des recommandations sur la façon de réduire la taille des pages et d'augmenter la vitesse de chargement. En général, les recommandations affichent des informations sur quel élément de la page doit être compressé ou optimisé.

Méthodes pour réduire le poids des pages :

• Les fichiers intégrés dans le code HTML : CSS, JavaScript et images SVG doivent être placés dans des fichiers séparés.
• Réduisez le code HTML. Supprimez tous les éléments inutiles de la page et vérifiez la validité et le formatage du code. Peut-être qu'il est surchargé de paramètres inutiles.
• Compressez CSS et JavaScript. Réduire le code CSS aura un impact significatif sur la vitesse de chargement, mais dans certains cas, il sera également nécessaire de réduire le poids de la page. Pour résoudre ces problèmes, il est préférable de contacter un programmeur qualifié.

Comment résoudre le problème ?

Les pages HTML surdimensionnées peuvent nuire à la vitesse d'un site. Cela peut ensuite affecter le comportement des utilisateurs et le potentiel de classement d'une page. La taille moyenne d'une page web de bureau est d'environ 2 Mo, et celle d'une page mobile est d'environ 1,8 Mo. Vous devriez viser à avoir une page à, autour, ou en dessous de cette moyenne.

Pour corriger cela, vous pouvez :

• Redimensionner les images (assurez-vous de ne pas utiliser des tailles d'image beaucoup plus grandes que celles qui seront affichées sur votre page).
• Se débarrasser des polices personnalisées. Celles-ci peuvent souvent être de tailles importantes, donc les supprimer, en utiliser moins, ou les convertir du format TTF en WOFF2 peut aider à réduire la taille d'une page.
• Minifier les ressources. Cela signifie supprimer les données ou le code inutiles.