Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Barcamp Onet. Monitorowanie prędkości ładowania się stron internetowych

1,458 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Barcamp Onet. Monitorowanie prędkości ładowania się stron internetowych

  1. 1. Monitoring prędkości ładowania się stron internetowych Anna Ptak Kamil Szczęsny
  2. 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. 3. Jak cierpliwy jest użytkownik? http://blog.kissmetrics.com/loading-time/ 3
  4. 4. Jak długo ładuje się Twoja strona? http://zitscomics.com/
  5. 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. 6. Co mierzyć? http://www.chilli-dogs.com
  7. 7. Speed Index
  8. 8. Speed Index
  9. 9. Jak mierzyć? http://www.clipartof.com
  10. 10. 13
  11. 11. WebPageTest
  12. 12. m.onet.pl m.wp.pl
  13. 13. m.onet.pl
  14. 14. 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
  15. 15. 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
  16. 16. 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
  17. 17. m.onet.pl – klatka po klatce
  18. 18. m.onet.pl – analiza pod kątem domen Liczba zapytań Ilość bajtów
  19. 19. m.onet.pl – analiza pod kątem zasobów Liczba zapytań Ilość bajtów
  20. 20. m.onet.pl – analiza pod kątem kompresji
  21. 21. m.onet.pl
  22. 22. m.onet.pl – analiza czasu zapytań
  23. 23. m.onet.pl – wideo
  24. 24. m.onet.pl vs wp.pl – klatka po klatce
  25. 25. m.onet.pl vs wp.pl – wideo
  26. 26. m.onet.pl vs wp.pl – procentowy postęp renderowania
  27. 27. m.onet.pl vs wp.pl – porównanie wielkości strony
  28. 28. HAR Storage Real Users http://harstorage.com/ Automated test
  29. 29. 32
  30. 30. Zapraszamy do dyskusji

×