Measuring Website PerformanceFrom a user perception point of view<br />Enrico Foschi – SkillPages Front End Lead<br />http...
PERFORMANCE DATA<br />vs<br />USER PERCEPTION<br />
Users are happy when they can start to interact with the page. <br />Even if the page didn’t fully load. <br />
Part #1: <br />WEBPAGETEST.org<br />for data and user perception<br />
one of theGREATEST TOOLS<br />
Useful for<br />User Perception<br />
2.  Load Timesof course!<br />
3.  Optimization advices<br />
4a.  Comparisonswith previous tests<br />
4b.  Comparisonsblocking page elements<br />
psssst: it also is<br />DOWNLOADABLE<br />and<br />AUTOMATABLE<br />
Part #2:<br />BROWSERS  PLUGINS<br />for data and best practices<br />
YSlow<br />
PageSpeed<br />
Part #3:<br />SHOWSLOWthe long term solution<br />
COLLECTS DATA FROM...<br />
YSlow<br />
PageSpeed<br />
for constant<br />MONITORING<br />credits: http://blog.dynatrace.com<br />
but OUCH!<br />IT NEEDS TO BE INSTALLED LOCALLY<br />
Part #4:<br />HOW DO WE RANK<br />WITH OTHERS<br />it just is cool to know<br />
SPEEDOFTHEWEB.COM<br />but still, it doesn’t really care about user perception<br />
Q & A<br />
Upcoming SlideShare
Loading in …5
×

Front end performance monitoring tools

2,344 views

Published on

Quick presentation on the main tools you can use to quickly monitor your Front End performances.

Front end performance monitoring tools

  1. 1. Measuring Website PerformanceFrom a user perception point of view<br />Enrico Foschi – SkillPages Front End Lead<br />http://skillpages.com/enrico.foschi - @enricofoschi<br />
  2. 2. PERFORMANCE DATA<br />vs<br />USER PERCEPTION<br />
  3. 3. Users are happy when they can start to interact with the page. <br />Even if the page didn’t fully load. <br />
  4. 4. Part #1: <br />WEBPAGETEST.org<br />for data and user perception<br />
  5. 5. one of theGREATEST TOOLS<br />
  6. 6. Useful for<br />User Perception<br />
  7. 7. 2. Load Timesof course!<br />
  8. 8. 3. Optimization advices<br />
  9. 9. 4a. Comparisonswith previous tests<br />
  10. 10. 4b. Comparisonsblocking page elements<br />
  11. 11. psssst: it also is<br />DOWNLOADABLE<br />and<br />AUTOMATABLE<br />
  12. 12. Part #2:<br />BROWSERS PLUGINS<br />for data and best practices<br />
  13. 13. YSlow<br />
  14. 14. PageSpeed<br />
  15. 15. Part #3:<br />SHOWSLOWthe long term solution<br />
  16. 16. COLLECTS DATA FROM...<br />
  17. 17. YSlow<br />
  18. 18. PageSpeed<br />
  19. 19. for constant<br />MONITORING<br />credits: http://blog.dynatrace.com<br />
  20. 20. but OUCH!<br />IT NEEDS TO BE INSTALLED LOCALLY<br />
  21. 21. Part #4:<br />HOW DO WE RANK<br />WITH OTHERS<br />it just is cool to know<br />
  22. 22. SPEEDOFTHEWEB.COM<br />but still, it doesn’t really care about user perception<br />
  23. 23. Q & A<br />

×