Как мога да използвам Firebug, за да разбера какво причинява бавното зареждане на страницата?

Работя върху сложна страница с множество скриптове, CSS файлове, много динамично генериран HTML, скриптове, зареждащи скриптове и всякакви луди неща. Естествено, понякога страницата може да се зарежда доста бавно.

Трудно ми е да кажа в реално време какво точно го забавя. Може ли разделът „net“ на Firebug да ми помогне с това? Разгледах раздела „мрежа“, разбира се, но изглежда, че той показва файлове само след като са заредени. Има ли друг инструмент, който може да ми помогне? Това, което искам, е да мога да видя, че страницата все още се зарежда, и да видя какво точно все още се зарежда.

Лентата на състоянието на FireFox ми казва малко... пише "Изчакване на www.mydomain.net", но не ми казва точно кой файл чака. Предполагам, че има един файл, който е тясното място тук, който блокира зареждането на всички следващи файлове, но ще призная, че не знам много за това как браузърите извличат файлове.


browser performance firebug
person morgancodes    schedule 10.09.2009    source източник

Отговори (6)


arrow_upward
2
arrow_downward

Най-добрият ви залог в този случай би бил нещо като Fiddler (самостоятелна програма), Данни за подправяне или Live Headers (и двете добавки за Firefox).

Всеки ви позволява да виждате HTTP заявките, докато идват. Те ви дават изгледи в реално време на това, което се иска, и би трябвало да ви дадат по-добра представа за това, което пречи на вашия сайт. Късмет!

person Sean Vieira    schedule 21.09.2009
comment
пробвах Fiddler. това е хубаво. следи всички http заявки. има твърде много данни. :Д - person mars-o; 27.06.2013

arrow_upward
5
arrow_downward

Има плъгин, наречен YSlow за Firefox, който трябва да помогне.

person D'Arcy Rittich    schedule 11.09.2009
comment
YSlow е страхотен, но изглежда, че не може да бъде стартиран, докато страницата не приключи зареждането. Проблемът ми е, че страницата ми виси и искам да видя какво я задържа. - person morgancodes; 14.09.2009

arrow_upward
4
arrow_downward

В раздела Конзола - щракнете върху профил... това ще ви помогне да определите кои функции работят бавно.

Също така силно препоръчвам добавката YSlow за Firebug. Това ще помогне при диагностицирането на много проблеми от кеширането и gzipping до броя HTTP заявки, които може да забавят нещата.

person scunliffe    schedule 11.09.2009
comment
Опитах да щракна върху Профил във firebug и той рестартира моя firefox. как мога да отстраня грешки? :( - person mars-o; 27.06.2013

arrow_upward
3
arrow_downward

Има и Google Page Speed, който прави подобни неща на YSlow .

person George V. Reilly    schedule 11.09.2009

arrow_upward
0
arrow_downward

Ако изчакате, докато страницата приключи зареждането, Firebug ще ви покаже файла, който отне толкова време в раздела Net.

Съгласен съм, че би било чудесно Firebug да показва всички текущо зареждащи се файлове.

person Zan Lynx    schedule 21.09.2009

arrow_upward
-1
arrow_downward

Нещо толкова сложно непременно има място за подобрение. Не съм експерт по Firebug, но можете ли да поставите на пауза изпълнението и да видите какво прави и защо? Ако направите това няколко пъти, трябва да можете да забележите времеви разходи, които всъщност не са необходими.

person Mike Dunlavey    schedule 11.09.2009