Testing Page innlastingshastighetstesten Med Firebug
- Del /
- 3 Comments / AJAX, CSS, Process / 8.24.08 / 3 Kommentarer / /
Jo mer jeg finner meg selv bruker JavaScript, jo mer jeg begynne å bekymre seg for vekten av sidene mine. Med bruk av jQuery, mye som var tradiotionally serversiden kan nå håndteres på klientsiden med JavaScript.
Så hvordan kan en gå rundt å måle tiden det tar å laste det nettstedet? Dessuten, hvordan kan vi finne ut hvilke filer som tar mest tid å laste? Svaret er Firebug Net Panel.
Slik bruker du Net (kort for Network Monitoring) verktøy må du gå til "Netto"-fanen i Firebug og aktiv dem.
Så bare oppdater siden din og se Firebug forteller deg lastetiden for hvert element sekvensielt, om elementet er en CSS, JavaScript eller bildefil.
Firebug vil gi deg overvåking på følgende:
- XMLHttpRequest / AJAX overvåking
- Undersøk HTTP-hoder
- Hvorvidt en fil er bufret eller ikke bufret
- Bryte det ned etter filtype (CSS, bilder, JavaScript, osv)
- Sjekk tidslinjen utfolde seg
8:30 AM Andreas / 8.25.08 / 8:30
Jeg vil anbefale ySlow utvidelse for Firebug for denne typen tester. Netto-fanen er flott, men ySlow virkelig gir deg massevis av tips og informasjon om hvordan du kan øke hastigheten på ditt nettsted.
Du kan også bruke konsollen til annen enkelte deler av JS hjelp console.time () og console.timeEnd () (Les mer her: http://getfirebug.com/logging.html).
12:34 PM zuborg / 9.15.08 / 12:34
Høyre er YSlow spesifikk ytelsestesting addon for Firebug
Jeg vil også anbefale dette online ledig verktøyet: http://Site-Perf.com/
Den måler lasting hastigheten på siden og det er røykere (images / js / css) som nettlesere og viser fin detaljert diagram - slik at du lett kan oppdage flaskehalser.
Også veldig nyttig ting er at dette verktøyet er i stand til å kontrollere nettverket kvaliteten på serveren (pakketap nivå og ping forsinkelser).
1:15 PM kevin / 9.15.08 / 1:15
Veldig kult, takk for å utvide stillingen.