9
Kennt jemand Firefox-Add-on, die Ihnen die Größe der aktuellen Anzeigeseite anzeigen kann?Seitengröße: Firefox Add-on
A
Antwort
6
Web Developer Toolbar (Dimensionen) oder YSlow (für Seitengröße und Ladezeiten) für FireBug
19
Sie brauchen nicht ein. Klicken Sie mit der rechten Maustaste auf die Seite, wählen Sie View Page Info, die Größe wird aufgelistet.
+6
Hinweis: Das ist die Größe von reinem HTML (separate Bilder, JS, CSS nicht gezählt). Siehe unten für weitere Optionen. – Nickolay
+1
@Nickolay: Richtig. Wenn Sie das gesamte Paket (einschließlich AJAX-geladenem Inhalt) optimieren möchten, empfehle ich Firebug (siehe nshaws Antwort) – Shog9
+0
@Nickolay: oder verwenden Sie die integrierten Tools, siehe meine Antwort unten. –
5
Firebug, wenn Sie eine eingehende Analyse soll. Klicken Sie mit der rechten Maustaste und "Seiteninfo anzeigen", wenn Sie nur die endgültige Nummer wünschen.
2
FireBug ermöglicht es Ihnen, die Seitengröße und die Größe aller zusätzlichen Downloads (CSS-Dateien, Bilder und so weiter) zu sehen. Es ermöglicht Ihnen auch, alle Arten coole Debugging-Dinge zu tun.
2
Die Seite FireFox View ist die Größe des HTML. Das WebDeveloper Addon zerlegt die anderen auf der Seite eingebetteten Anfragen wie CSS, Bilder, Javascripts ... etc.
12
Wenn Sie Ihre Seitengröße optimieren (in Kilobyte, nicht Pixel!), Müssen Sie beides wissen die komprimierten Größen jedes Elements, wenn Ihr Server die Ausgabe bearbeitet. Das geht nicht mit dem Standard-Webbrowser "Rechtsklick -> Eigenschaften".
Die Web Developer Toolbar Erweiterung, die in einer anderen Antwort erwähnt wird, tut dies.
http://https//addons.mozilla.org/en-US/firefox/addon/60
Ich habe nicht ein anderes Werkzeug gefunden, das die komprimierten und unkomprimierten Größen für jedes Seitenelement so bequem berichtet.
Installieren Sie die Web Developer Toolbar und gehen Sie zu Extras -> Web Developer -> Seiteninformationen -> Dokumentgröße anzeigen. Sehr praktisch!
Scripts (7 files) 82 KB (243 KB uncompressed)
- http://stackoverflow.com/Content/Js/jquery.package.master.js?d=20081101 39 KB (109 KB uncompressed)
- http://stackoverflow.com/Content/Js/wmd-base.js 15 KB (59 KB uncompressed)
- http://www.google-analytics.com/ga.js 9 KB (22 KB uncompressed)
- http://stackoverflow.com/content/js/jquery.package.question.js?cachebreaker=20090107 8 KB (27 KB uncompressed)
- http://stackoverflow.com/Content/Js/showdown.js 4 KB (10 KB uncompressed)
- http://stackoverflow.com/Content/Js/jquery.package.editor.js?cachebreaker=20081008.1 3 KB (9 KB uncompressed)
- http://stackoverflow.com/Content/Js/wmd-plus.js 3 KB (7 KB uncompressed)
Style Sheets (3 files) 7 KB (27 KB uncompressed)
- http://stackoverflow.com/Content/all.css?d=20081101 6 KB (26 KB uncompressed)
- http://stackoverflow.com/Content/print.css 705 bytes (1 KB uncompressed)
Wenn es ein besseres Werkzeug dafür gibt, würde ich gerne davon hören. Diese Funktion ist das einzige, was mich davon abhält, die Web Developer Toolbar vollständig für Firebug zu entfernen. Vielleicht macht YSlow das; müssen mehr recherchieren.
1
können Sie dieses Add-on verwenden: lori: Life-of-Anfrage Informationen: - https://addons.mozilla.org/en-US/firefox/addon/1743
Es zeigt an, wie lange es die Seite vollständig abrufen nahm an, es Gesamtgröße ist (einschließlich der Elemente aus den Browser-Cache) und wie viele Anfragen gemacht wurden, um die Seite zu erhalten.
3
Die eingebaute Inspect Element (Q) aus dem Rechtsklick-Menü kann dies tun. Gehen Sie auf die Registerkarte Network, neu zu laden und haben einen Blick:
+1
Vielen Dank für die moderne Antwort –
+0
@MattG: Gern geschehen –
Die Antwort ist veraltet, nicht mehr auf neueste Firefox. – aaronbauman