O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

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

1.486 visualizações

Publicada em

Publicada em: Tecnologia
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

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

×