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.

Get fast and Stay Fast

171 views

Published on

Speed really matters on the mobile web, but how fast your website feels, the perception of speed is just as important. Use the tools available to you to measure, optimize and monitor your performance to Get Fast and Stay Fast.

In this talk at WordCamp Sofia 2018, I talked about web performance and how to get fast and stay fast.

Published in: Technology
  • Be the first to comment

Get fast and Stay Fast

  1. 1. Get Fast Stay Fast
  2. 2. Get Fast Stay Fast Mike Rynart @mikerynart
  3. 3. Get Fast and Stay Fast measure optimize monitor1 2 3
  4. 4. 4 B ... Statista: Global digital population as of July 2018Shibuya Crossing, Tokyo
  5. 5. . https://www.blog.google/technology/next-billion-users/
  6. 6. Source: DoubleClick - The need for mobile speed, September 2016 53% f f 3
  7. 7. Source: Statcounter.com
  8. 8. https://searchengineland.com
  9. 9. T future of mobile f f !
  10. 10. Houston, W !
  11. 11. Source: Google Research - Webpagetest.org, January 2018
  12. 12. Source: DoubleClick - The need for mobile speed, September 2016 53% 2 M
  13. 13. The web is DOOM 2.3 MB https://www.wired.com/2016/04/average-webpage-now-size-original-doom/
  14. 14. User Experience
  15. 15. 10 or 30 results?
  16. 16. More is better!
  17. 17. 0.05 seconds!20%
  18. 18. “E 100 1% f ”
  19. 19. https://wpostats.com/
  20. 20. W ?
  21. 21. J ...
  22. 22. D ...
  23. 23. Monitor Measure Optimize Get Fast Stay Fast
  24. 24. "If you can't measure it, you can't improve it." - P D
  25. 25. https://developers.google.com/web/fundamentals/performance/speed-tools/ PageSpeed Insights GT Metrix Pingdom LighthouseChrome Developer ToolsWebPageTest
  26. 26. https://webpagetest.org/easy - Moto G4 - Chrome - 4G
  27. 27. H f ...
  28. 28. P P f ...
  29. 29. FCP: https://developers.google.com/web/tools/lighthouse/audits/first-contentful-paint
  30. 30. TTI: https://developers.google.com/web/tools/lighthouse/audits/time-to-interactive
  31. 31. Monitor Measure Optimize Get Fast Stay Fast
  32. 32. https://miamitouristguide.com
  33. 33. https://developers.google.com/web/tools/lighthouse/
  34. 34. 6.5 seconds.
  35. 35. https://developer.chrome.com/devtools
  36. 36. https://wordpress.org/plugins/a3-lazy-load/ Lazy loading A3 Lazy Load
  37. 37. 3.9 seconds
  38. 38. M !
  39. 39. Cloud Hosting
  40. 40. https://varvy.com/pagespeed/enable-compression.html
  41. 41. https://varvy.com/pagespeed/content-delivery-networks.html
  42. 42. https://squoosh.app/
  43. 43. Imagify https://wordpress.org/plugins/imagify/ Image Optimizer
  44. 44. Cache and Compress
  45. 45. https://wordpress.org/plugins/wp-super-cache/ Cache and Compress WP Super Cache
  46. 46. Merged + Minified https://developers.google.com/speed/docs/insights/MinifyResources
  47. 47. https://wordpress.org/plugins/autoptimize/ Merge and Minify Autoptimize
  48. 48. https://developers.google.com/web/updates/2018/08/web-performance-made-easy Remove unused code
  49. 49. https://wordpress.org/plugins/plugin-load-filter/ Plugin Load Filter
  50. 50. https://developers.google.com/web/tools/lighthouse/
  51. 51. 3.8 seconds 3G
  52. 52. Monitor Measure Optimize Get Fast Stay Fast
  53. 53. http://www.performancebudget.io/
  54. 54. https://www.similarweb.com
  55. 55. https://speedcurve.com
  56. 56. Monitor Measure Optimize Get Fast Stay Fast
  57. 57. Get Fast & Stay Fast...
  58. 58. Q ? Let’s connect @mikerynart and mikerynart.com Get Fast and Stay Fast @mikerynart https://mikerynart.com/getfast/

×