Analyseur de poids de page HTML

• Analyse instantanée du poids de la page HTML : Analysez le poids de la page HTML instantanément dans votre navigateur - sans envoi au serveur ni traitement cloud. Notre analyseur décompose en temps réel le CSS inline, le JS inline, les images base64, les SVG, les commentaires et les espaces blancs.
• Analyseur de poids de page HTML en ligne et sécurisé : Votre code source HTML ne quitte jamais votre appareil lors de l'analyse. Un traitement 100 % côté client garantit une confidentialité totale - aucun stockage cloud, aucun journal serveur, aucune exposition du code source.
• Analyseur de poids de page HTML - Sans installation : Analysez le poids des pages HTML directement dans votre navigateur, sans téléchargement, sans plugin et sans compte. Fonctionne sur tout navigateur moderne et tout système d'exploitation - aucune inscription requise.
• Estimations de compression GZIP et Brotli : Consultez les tailles compressées estimées en GZIP et Brotli à côté du poids brut du HTML - avec une comparaison visuelle sous forme de barres. L'analyseur liste aussi toutes les ressources externes et leur nombre de requêtes HTTP.

• Optimisation des Core Web Vitals et du LCP : Analysez le poids de la page HTML pour identifier ce qui ralentit votre Largest Contentful Paint (LCP). De gros blocs de CSS et JS inline et des images base64 augmentent la taille de transfert du HTML et retardent le premier rendu.
• Amélioration du score PageSpeed Insights : Utilisez l'analyseur pour repérer et corriger les avertissements PageSpeed « Reduce initial server response time » et « Avoid large network payloads ». L'analyseur montre exactement quel contenu inline ajoute du poids.
• Planification de la minification HTML : Identifiez combien la suppression des espaces blancs et des commentaires ferait économiser avant d'utiliser un minificateur HTML. L'analyseur affiche l'économie estimée par la minification à côté des estimations GZIP et Brotli.
• Optimisation du rendu côté serveur (SSR) : Analysez la sortie HTML de Next.js, Nuxt ou d'autres frameworks SSR pour identifier des charges rendues côté serveur trop volumineuses. Les gros blocs de JSON inline et les charges d'hydratation sont des problèmes de poids fréquents en SSR.
• Analyse du poids des modèles d'e-mails : Analysez les modèles HTML d'e-mails pour détecter des problèmes de poids - les clients de messagerie imposent des limites strictes (Gmail tronque les e-mails de plus de 102 Ko). L'analyseur identifie le CSS inline, les images base64 et les autres sources de poids.
• Audit de performance des pages e-commerce : Analysez le HTML des pages produit pour repérer les problèmes de poids avant qu'ils n'affectent les taux de conversion. Les gros scripts inline, les images produit base64 et l'excès de ressources externes sont des goulots d'étranglement fréquents en e-commerce.

Le poids d'une page HTML est la taille totale en octets du document HTML transféré du serveur au navigateur. Il inclut la structure HTML brute, le CSS inline (balises <style>), le JavaScript inline (balises <script> sans src), les images encodées en base64, les SVG inline, les commentaires HTML et les espaces blancs. Notre analyseur utilise l'API DOMParser native du navigateur pour analyser le HTML et mesurer la contribution de chaque composant au poids total - vous donnant une décomposition précise de l'endroit où les octets sont dépensés.

1. 1. Collez votre HTML : Collez n'importe quel document HTML - une page complète, un composant ou un modèle d'e-mail. Le compteur d'octets se met à jour en temps réel pendant la saisie. Toute l'analyse se fait localement dans votre navigateur - votre code source HTML ne quitte jamais votre appareil.
2. 2. Cliquez sur « Analyser le poids de la page » : L'analyseur utilise le DOMParser du navigateur pour analyser le HTML et extraire le CSS inline, le JS inline, les images base64, les SVG, les commentaires et les références aux ressources externes. Il calcule la taille en octets de chaque composant et estime les tailles compressées en GZIP et Brotli.
3. 3. Consultez la décomposition et les recommandations : Les résultats affichent un résumé du poids avec les estimations GZIP/Brotli, une décomposition par catégorie avec des barres visuelles, une liste des ressources externes et des recommandations d'optimisation concrètes avec l'économie estimée.

• CSS inline : Contenu des balises <style> - mesuré en octets. Les gros blocs de CSS inline devraient être extraits vers des feuilles de style externes pour bénéficier du cache navigateur.
• JavaScript inline : Contenu des balises <script> sans attribut src. Les gros scripts inline bloquent le rendu et devraient être extraits vers des fichiers externes.
• Images base64 : Images intégrées sous forme d'URI data: - l'encodage base64 ajoute ~33 % de surcharge par rapport au binaire. Utilisez des URL d'images externes pour les images de plus de 1 Ko.
• Commentaires et espaces blancs HTML : Les commentaires et les espaces superflus sont supprimés par les minificateurs HTML - l'analyseur montre leur contribution au poids total.

L'analyseur de poids de page HTML mesure uniquement le poids du document HTML - il ne télécharge ni ne mesure les ressources externes (fichiers CSS, bundles JS, images). Les estimations GZIP et Brotli sont des approximations fondées sur des taux de compression de texte typiques - la compression réelle dépend de l'entropie du contenu. L'analyseur utilise le DOMParser du navigateur, qui peut normaliser une partie du HTML (par ex. ajouter des balises de fermeture manquantes) - collez le HTML exact tel que servi par votre serveur pour des mesures précises.