Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Monitoring prędkości ładowania
się stron internetowych
Anna Ptak
Kamil Szczęsny
100ms

~

1%

400ms

~

0,44%

500ms

~

4,3%

http://readwrite.com/2011/02/23/sponsor_post_the_cost_of_slow_sites_visitor...
Jak cierpliwy jest użytkownik?

http://blog.kissmetrics.com/loading-time/

3
Jak długo ładuje się Twoja strona?
http://zitscomics.com/
Co wpływa na prędkość ładowania strony?
•
•
•
•
•

Prędkość łącza
Rodzaj połączenia: 3G, 4G, wifi
Rodzaj urządzenia
Lokali...
Co mierzyć?
http://www.chilli-dogs.com
Speed Index
Speed Index
Jak mierzyć?
http://www.clipartof.com
13
WebPageTest
m.onet.pl

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

First View
Load Time ~ 1.84s
Start Render ~ 1s
Fully Loaded ~ 2.53s
Speed Index = 1584

Repeat View
Load Time ~...
m.wp.pl

First View
Load Time ~ 4.54s
Start Render ~ 1.2s
Fully Loaded ~ 5.7s
Speex Index = 3077

Repeat View
Load Time ~ ...
m.onet.pl

m.wp.pl

First View
Load Time ~ 1.84s
Start Render ~ 1s
Fully Loaded ~ 2.53s
Speed Index = 1584

First View
Loa...
m.onet.pl – klatka po klatce
m.onet.pl – analiza pod kątem domen

Liczba zapytań

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

Liczba zapytań

Ilość bajtów
m.onet.pl – analiza pod kątem kompresji
m.onet.pl
m.onet.pl – analiza czasu zapytań
m.onet.pl – wideo
m.onet.pl vs wp.pl – klatka po klatce
m.onet.pl vs wp.pl – wideo
m.onet.pl vs wp.pl – procentowy postęp renderowania
m.onet.pl vs wp.pl – porównanie wielkości strony
HAR Storage

Real Users

http://harstorage.com/

Automated test
32
Zapraszamy do dyskusji
Barcamp Onet. Monitorowanie prędkości ładowania się stron internetowych
Barcamp Onet. Monitorowanie prędkości ładowania się stron internetowych
Barcamp Onet. Monitorowanie prędkości ładowania się stron internetowych
Barcamp Onet. Monitorowanie prędkości ładowania się stron internetowych
Barcamp Onet. Monitorowanie prędkości ładowania się stron internetowych
Barcamp Onet. Monitorowanie prędkości ładowania się stron internetowych
Nächste SlideShare
Wird geladen in …5
×

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

1.490 Aufrufe

Veröffentlicht am

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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

×