2009-01-07 8 views

Odpowiedz

19

Nie potrzebny. Kliknij prawym przyciskiem myszy stronę, wybierz View Page Info, rozmiar jest wymieniony.

Page Size http://www.shog9.com/pageSize.png

+6

Uwaga: to rozmiar zwykłego kodu HTML (nie są liczone osobne obrazy, JS, CSS). Zobacz poniżej inne opcje. – Nickolay

+1

@Nickolay: Prawidłowe. Jeśli chcesz zoptymalizować cały pakiet (w tym zawartość załadowaną AJAX), polecam Firebug (patrz odpowiedź nshaw) – Shog9

+0

@Nickolay: lub użyj wbudowanych narzędzi, zobacz moją odpowiedź poniżej. –

5

Firebug jeśli chcesz dogłębnej analizy. Kliknij prawym przyciskiem myszy i "Wyświetl informacje o stronie", jeśli chcesz tylko końcowy numer.

2

FireBug pozwala zobaczyć rozmiar strony i rozmiar wszystkich dodatków do pobrania (pliki css, obrazy i tym podobne). Pozwala również na robienie różnych rzeczy, odświeżających rzeczy do debugowania.

2

Strona widoku FireFox ma rozmiar HTML. Dodatek WebDeveloper rozbija pozostałe żądania osadzone na stronie, takie jak CSS, Obrazy, javascripts ... itd.

12

Jeśli optymalizujesz rozmiar strony (w kilobajtach, nie pikselach!), Musisz znać obie skompresowane rozmiary każdego elementu, jeśli twój serwer zgłasza dane wyjściowe. Nie można tego uzyskać za pomocą standardowej przeglądarki internetowej "kliknij prawym przyciskiem myszy -> Właściwości."

Rozszerzenie paska narzędzi programisty stron WWW, wymienione w innej odpowiedzi, umożliwia to.

http://https//addons.mozilla.org/en-US/firefox/addon/60

nie znalazłem innego narzędzia, które raportuje skompresowane i nieskompresowane rozmiarów dla każdego elementu strony tak wygodnie.

Zainstaluj Pasek narzędzi dla programistów WWW i przejdź do Narzędzia -> Programista internetowy -> Informacje o stronie -> Wyświetl rozmiar dokumentu. Bardzo przydatny!

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) 

Jeśli istnieje lepsze narzędzie do tego, chciałbym o tym usłyszeć. Ta funkcja jest jedyną rzeczą, która powstrzymuje mnie od całkowitego odrzucenia paska narzędzi dla programistów internetowych w Firebug. Może YSlow to robi; potrzeba więcej badań.

1

Można używać ten dodatek: Lori: Life-of-zamówienie informację: - https://addons.mozilla.org/en-US/firefox/addon/1743

wyświetlić To, jak długo zajęło, aby w pełni odzyskać stronę, to całkowity rozmiar (w tym elementów z pamięci podręcznej przeglądarki) oraz liczbę żądań wykonanych w celu pobrania strony.

3

Wbudowany Inspect Element (Q) z menu prawego przycisku myszy może to zrobić. Przejdź do zakładki Network, przeładować i rzucić okiem:

enter image description here

+1

Dziękuję za nowoczesną odpowiedź –

+0

@MattG: Nie ma za co –

Powiązane problemy