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.

TechSEO Boost 2017: Making the Web Fast

12,778 views

Published on

Join Patrick as he provides an overview on all things web-performance related, from business reasons to focus on it to measurement and common pitfalls and optimizations. Along the way he will explore new interfaces exposed by browsers, the state-of-the-art in performance testing, Google's Accelerated Mobile Pages, and will show off some tips and tricks to make your performance work more productive.

Published in: Marketing
  • Be the first to comment

  • Be the first to like this

TechSEO Boost 2017: Making the Web Fast

  1. 1. Patrick Meenan | @PatMeenan #TechSEOBoost For everyone, all the time Making the Web Fast
  2. 2. Patrick Meenan | @PatMeenan #TechSEOBoost https://www.soasta.com/blog/mobile-web-performance-monitoring-conversion-rate/
  3. 3. Patrick Meenan | @PatMeenan #TechSEOBoost https://www.soasta.com/blog/mobile-web-performance-monitoring-conversion-rate/
  4. 4. Patrick Meenan | @PatMeenan #TechSEOBoost https://speedcurve.com
  5. 5. Patrick Meenan | @PatMeenan #TechSEOBoost 0% 5% 10% 15% 20% 25% 30% 35% 40% 45% 0.5 1.0 1.5 2.0 2.5 3.0 3.5 4.0 4.5 5.0 5.5 6.0 6.5 7.0 7.5 8.0 8.5 9.0 9.5 10.0 10.5 11.0 11.5 12.0 12.5 13.0 13.5 14.0 14.5 15.0 15.5 16.0 16.5 17.0 17.5 18.0 18.5 19.0 19.5 20.0 BounceRate Time to DOM Content Loaded Event (Seconds) Predicted Bounce Rate https://www.thinkwithgoogle.com/marketing-resources/experience-design/mobile-page-speed-load-time/ 5.5 Seconds
  6. 6. Patrick Meenan | @PatMeenan #TechSEOBoost https://wpostats.com/
  7. 7. Patrick Meenan | @PatMeenan #TechSEOBoost (Conversion Rate) x (Visitors) = Converted Sessions CPACPC
  8. 8. Patrick Meenan | @PatMeenan #TechSEOBoost How Fast Is It? https://www.flickr.com/photos/anxiousnut/5389243033/
  9. 9. Patrick Meenan | @PatMeenan #TechSEOBoost How Fast Is It? https://www.flickr.com/photos/anxiousnut/5389243033/ First Meaningful Paint
  10. 10. Patrick Meenan | @PatMeenan #TechSEOBoost Speed Index (weighted average) https://developers.google.com/web/updates/2017/06/user-centric-performance-metrics
  11. 11. Patrick Meenan | @PatMeenan #TechSEOBoost First Paint/ Start Render (8.7s) First Meaningful Paint (9.8s) First Contentful Paint (9.1s) Time To Interactive (48s)
  12. 12. Patrick Meenan | @PatMeenan #TechSEOBoost Time To Interactive (49s)First Interactive (10.7s)
  13. 13. Patrick Meenan | @PatMeenan #TechSEOBoost
  14. 14. Patrick Meenan | @PatMeenan #TechSEOBoost
  15. 15. Patrick Meenan | @PatMeenan #TechSEOBoost https://www.flickr.com/photos/wwarby/3296379139/ Measuring Performance
  16. 16. Patrick Meenan | @PatMeenan #TechSEOBoost
  17. 17. Patrick Meenan | @PatMeenan #TechSEOBoost Synthetic or and RUM Synthetic • Stable • More detailed measurements • Requires “representative” configuration Real User Measurement • Actual Performance • Highly variable • Limited competitive analysis
  18. 18. Patrick Meenan | @PatMeenan #TechSEOBoost Chrome User Experience Report • Real-user performance data from Chrome users • Aggregated per-origin • Histograms of several metrics: • First Paint • First Contentful Paint • DOM Content Loaded • Onload • Split by: • Effective connection type (2g, 3g, 4g…) • Device Type (phone, tablet, desktop) https://developers.google.com/web/tools/chrome-user-experience-report/
  19. 19. Patrick Meenan | @PatMeenan #TechSEOBoost 0% 5% 10% 15% 20% 25% First Contentful Paint (milliseconds) Amazon.com Walmart
  20. 20. Patrick Meenan | @PatMeenan #TechSEOBoost 0% 5% 10% 15% 20% 25% First Contentful Paint (milliseconds) Amazon.com Amazon Japan Amazon India
  21. 21. Patrick Meenan | @PatMeenan #TechSEOBoost https://www.webpagetest.org/easy
  22. 22. Patrick Meenan | @PatMeenan #TechSEOBoost https://www.flickr.com/photos/the-seo-company/8114460868/
  23. 23. Patrick Meenan | @PatMeenan #TechSEOBoost  Make Fewer HTTP Requests  Use a Content Delivery Network  Add an Expires Header  Gzip Components  Put Stylesheets at the Top  Put Scripts at the Bottom  Avoid CSS Expressions  Make JavaScript and CSS External  Reduce DNS Lookups  Minify JavaScript  Avoid Redirects  Remove Duplicate Scripts  Configure ETags  Make Ajax Cacheable
  24. 24. Patrick Meenan | @PatMeenan #TechSEOBoost HTTP/2
  25. 25. Patrick Meenan | @PatMeenan #TechSEOBoost Connection Sharding static1.example.com static2.example.com … https://codeascraft.com/2014/02/19/reducing-domain-sharding/
  26. 26. Patrick Meenan | @PatMeenan #TechSEOBoost Cookieless domain for static resources
  27. 27. Patrick Meenan | @PatMeenan #TechSEOBoost Repeat Offenders https://www.flickr.com/photos/marineperez/4698707308/
  28. 28. Patrick Meenan | @PatMeenan #TechSEOBoost A/B Testing
  29. 29. Patrick Meenan | @PatMeenan #TechSEOBoost Tag Managers
  30. 30. Patrick Meenan | @PatMeenan #TechSEOBoost
  31. 31. Patrick Meenan | @PatMeenan #TechSEOBoost
  32. 32. Patrick Meenan | @PatMeenan #TechSEOBoost

×