Změření doby načítání stránky pomocí Javascriptu
V tomto článku napíšeme takový doplněk pro web, bude to Javascriptový měřič rychlosti načítání stránky. Výstup bude v milisekundách.
Měřit se začne hned jak se načte první měřící část scriptu a skončí po načtení druhé části.
První část bude logicky na začátku a druhá na konci, ale teď k věci:
První část
Tato část bude na samém začátku HTML kódu (v hlavičce), a pomocí funkce getTime() definuje počet milisekund od 1. 1. 1970 před načtením HTML obsahu webu.
Její kód bude:
Druhá část
Tato část bude na konci HTML dokumentu, opět funkcí getTime() definuje počet milisekund od 1. ledna 1970 a proto že několik milisekund by mělo trvat načtení HTML dokumentu tak bude tato hodnota vyšší než z první části scriptu.
Zároveň také script odečte hodnotu první části od druhé a rovnou ji vypíše do dokumentu, takže se zobrazí doba požadovaný výsledek.
Kód:
POZOR!
Druhá část kódu musí být na konci stránky, jinak script změří pouze dobu načítání po toto umístění! Takže pokud budete chtít mít výsledek někde jinde než v patičce tak musíte na konci dokumentu tento měřící script obalit do divu a ten napozicovat na požadované místo.
Na výsledek se podívejte zde.