Évidemment, je veux obtenir la réponse sans enregistrer la page. Cela semble basique, mais je ne sais pas comment faire ça. Si cela nécessite un plugin, c'est ok. Il serait intéressant que la solution couvre également les feuilles de style, les scripts et les images associés à la page.
Réponses:
Ouvrez les outils de développement ( Ctrl+ Shift+ Iou l' icône Paramètres en haut à droite de la fenêtre de votre navigateur => Tools=> Developer tools) sur la page souhaitée, passez à l' onglet Réseau et rechargez la page .
Dans la colonne Taille , vous verrez la taille de tout ce qui est chargé ( documents, feuilles de style, images, scripts, ... ). Vous pouvez activer le filtre pour vous aider à trouver uniquement les éléments nécessaires en bas au centre du cadre des outils de développement.
J'ai créé mon troisième inspecteur de taille de page pour l' extension Chrome qui signale rapidement la taille de la page, l'utilisation du cache, les demandes réseau et le temps de chargement d'une page Web de manière pratique.
Il existe une extension appelée " Quick source viewer ", qui met en cache toutes les ressources lorsqu'une page est chargée. Ouvrez la visionneuse (icône bleue), la taille (nombre d'octets) est affichée dans le volet de navigation à gauche.