Testování Page Otáčky S Firebug
- Share /
- 3 Comments / AJAX, CSS, Proces / 8.24.08 / 3 Komentáře / /
Čím více jsem se ocitl používáte JavaScript, tím víc jsem začal starat o hmotnosti mých stránkách. S použitím jQuery, hodně to bylo tradiotionally na straně serveru je nyní třeba řešit na straně klienta pomocí JavaScriptu.
Takže jak se dá jít o měření čas potřebný k načtení stránky, že? Navíc, jak jsme se zjistit, které soubory jsou s nejvíce času na zatížení? Odpověď je Firebug Čistá panely.
Chcete-li používat Net (zkratka pro Monitorovací síť), nástroje, musíte jít do "Čisté" kartě Firebug a aktivní je.
Pak jednoduše reload stránky a sledovat, jak vám řekne, Firebug doby načítání každé položky sekvenčně, zda je položka CSS, JavaScript nebo obrázek.
Firebug Vám poskytne sledování na následující oblasti:
- XMLHttpRequest / AJAX monitoring
- Zkoumat HTTP hlavičky
- Zda byl soubor z cache, nebo ne cache
- Break it podle typu souboru (CSS, Images, JavaScript, atd.)
- Pozor na časové ose rozvinout
8:30 AM Andreas / 8.25.08 / 8:30 AM
Doporučila bych rozšíření YSlow for Firebug pro tento typ zkoušky. Net-Karta je skvělé, ale opravdu YSlow vám spoustu tipů a informací o tom, jak urychlit vaše stránky.
Můžete také použít konzolu času některé části vašeho JS pomocí console.time () a console.timeEnd () (více zde: http://getfirebug.com/logging.html).
12:34 PM zuborg / 9.15.08 / 12:34
Dobře, YSlow je specifické testování výkonu addon for Firebug
Také bych chtěl doporučit i bezplatný nástroj on-line: http://Site-Perf.com/
Je měřit rychlost načítání stránky a jeho potřeby (images / js / css), jako jsou prohlížeče a ukazuje, pěkné detailní graf - takže můžete snadno místě zúžení.
Také velmi užitečná věc je, že tento nástroj je schopen ověřit kvalitu sítě vašeho serveru (úroveň ztráty paketů a ping zpoždění).
1:15 PM kevin / 9.15.08 / 1:15 PM
Very cool, díky za přidání na místo.