Testing Page Hastighet Med Firebug
- Share /
- 3 Comments / AJAX, CSS, Process / 8.24.08 / 3 Kommentarer / /
Ju mer jag befinner mig använder JavaScript, desto mer börjar jag oroa vikten av mina sidor. Med hjälp av jQuery, mycket som var tradiotionally serversidan kan nu hanteras på klientsidan med JavaScript.
Så hur går det egentligen att mäta tiden det tar att ladda där hemsidan? Dessutom, hur ser vi avgöra vilka filer som tar mest tid att ladda? Svaret är Firebug Net Panel.
Att använda nätet (förkortning för Network Monitoring) verktyg du måste gå till "Net"-fliken i Firebug och aktiv dem.
Sedan bara ladda om sidan och titta på när Firebug hittar du laddningstiden för varje post ordning, om objektet är en CSS, JavaScript eller bildfil.
Firebug ger dig kontroll på följande:
- XMLHttpRequest / AJAX övervakning
- Granska HTTP-rubriker
- Om en fil har cachelagrats eller inte cachade
- Dela upp det efter filtyp (CSS, bilder, JavaScript, etc.)
- Titta på tidslinjen utvecklas
8:30 AM Andreas / 8.25.08 / 8:30
Jag skulle rekommendera YSlow förlängning för Firebug för denna typ av tester. Den net-fliken är bra men YSlow verkligen ger dig massor av tips och information om hur att påskynda din webbplats.
Du kan även använda konsolen då vissa delar av din JS med console.time () och console.timeEnd () (mer här: http://getfirebug.com/logging.html).
12:34 PM zuborg / 9.15.08 / 12:34
Höger, är YSlow särskilda resultattest addon for Firebug
Jag skulle också rekommendera online gratis verktyg: http://Site-Perf.com/
Det mått lastning hastighet av sidan och dess requisites (images / js / css) som webbläsare och visar fina detaljerat schema - så att du lätt plats flaskhalsar.
Också mycket användbar sak är att detta verktyg kan kontrollera nätverk kvaliteten på din server (nivå paketförluster och fördröjningar ping).
1:15 PM kevin / 9.15.08 / 1:15
Very cool, tack för att lägga till tjänsten.