1. Monitoring prędkości ładowania
się stron internetowych
Anna Ptak
Kamil Szczęsny

2. 100ms
~
1%
400ms
~
0,44%
500ms
~
4,3%
http://readwrite.com/2011/02/23/sponsor_post_the_cost_of_slow_sites_visitors_revenue_google_rankings#awesm=~obiXMnN7BuYwe1

3. Jak cierpliwy jest użytkownik?
http://blog.kissmetrics.com/loading-time/
3

4. Jak długo ładuje się Twoja strona?
http://zitscomics.com/

5. Co wpływa na prędkość ładowania strony?
•
•
•
•
•
Prędkość łącza
Rodzaj połączenia: 3G, 4G, wifi
Rodzaj urządzenia
Lokalizacja
Rodzaj przeglądarki

6. Co mierzyć?
http://www.chilli-dogs.com

10. Speed Index

11. Speed Index

12. Jak mierzyć?
http://www.clipartof.com

13. 13

14. WebPageTest

15. m.onet.pl
m.wp.pl

16. m.onet.pl

17. m.onet.pl
First View
Load Time ~ 1.84s
Start Render ~ 1s
Fully Loaded ~ 2.53s
Speed Index = 1584
Repeat View
Load Time ~ 1.38s
Start Render ~ 0.5s
Fully Loaded ~ 1.48s
Speed Index = 1007

18. m.wp.pl
First View
Load Time ~ 4.54s
Start Render ~ 1.2s
Fully Loaded ~ 5.7s
Speex Index = 3077
Repeat View
Load Time ~ 2.44s
Start Render ~ 0.99s
Fully Loaded ~ 4.8s
Speex Index = 2560

19. m.onet.pl
m.wp.pl
First View
Load Time ~ 1.84s
Start Render ~ 1s
Fully Loaded ~ 2.53s
Speed Index = 1584
First View
Load Time ~ 4.54s
Start Render ~ 1.2s
Fully Loaded ~ 5.7s
Speex Index = 3077

20. m.onet.pl – klatka po klatce

21. m.onet.pl – analiza pod kątem domen
Liczba zapytań
Ilość bajtów

22. m.onet.pl – analiza pod kątem zasobów
Liczba zapytań
Ilość bajtów

23. m.onet.pl – analiza pod kątem kompresji

24. m.onet.pl

25. m.onet.pl – analiza czasu zapytań

26. m.onet.pl – wideo

27. m.onet.pl vs wp.pl – klatka po klatce

28. m.onet.pl vs wp.pl – wideo

29. m.onet.pl vs wp.pl – procentowy postęp renderowania

30. m.onet.pl vs wp.pl – porównanie wielkości strony

31. HAR Storage
Real Users
http://harstorage.com/
Automated test

32. 32

36. Zapraszamy do dyskusji