Jono Alderson — Speeding Up WordPress
2 likes1,902 views
The document emphasizes the critical importance of website loading speed, highlighting that delays can lead to significant user abandonment and negatively impact revenue. Key metrics and considerations for measuring and optimizing speed are discussed, including the perception of speed and specific strategies such as using a CDN, optimizing resources, and leveraging caching. Overall, improving website speed is portrayed as essential for enhancing user experience and search engine ranking.
![@jonoalderson
[1]
There’s no such thing as speed.](https://image.slidesharecdn.com/copyofspeeeeeeeeeeeed-190328002320/85/Jono-Alderson-Speeding-Up-WordPress-13-320.jpg)
![@jonoalderson
[2]
The only thing which matters is
the perception of speed.](https://image.slidesharecdn.com/copyofspeeeeeeeeeeeed-190328002320/85/Jono-Alderson-Speeding-Up-WordPress-26-320.jpg)
Jono Alderson — Speeding Up WordPress
- 2. @jonoalderson Delays of over 3 seconds can lead to over 40% abandonment Google, 2016, via http://bit.ly/2OBDJGq
- 3. @jonoalderson Wired Magazine, 2014 47% of people expect a site to load in less than 2 seconds
- 4. @jonoalderson 20% of users abandon their cart if the transaction process is too slow Radware, 2014, http://bit.ly/2weioeS
- 5. @jonoalderson more time = less money less time = more money
- 6. @jonoalderson Google Webmaster Blog, 2018, http://bit.ly/2wggdHs
- 7. @jonoalderson Google Webmaster Blog, 2018, http://bit.ly/2wggdHs
- 8. @jonoalderson User experience is the biggest ranking factor*
- 10. Think with Google, http://bit.ly/2N3BXRz
- 11. @jonoalderson How do you measure ‘speed’?
- 12. @jonoalderson There are two truths
- 13. @jonoalderson [1] There’s no such thing as speed.
- 14. @jonoalderson “The time how long it takes for a page to finish loading”
- 15. @jonoalderson But, what does that mean?
- 16. @jonoalderson Pingdom, Website speed test, https://tools.pingdom.com/
- 17. @jonoalderson Pingdom, Website speed test, https://tools.pingdom.com/ Google Pagespeed score
- 18. @jonoalderson Pingdom, Website speed test, https://tools.pingdom.com/ Google Pagespeed score At that point in time, for that URL, for that config, from that location
- 19. @jonoalderson Pingdom, Website speed test, https://tools.pingdom.com/ Google Pagespeed score Relative to other people testing their homepages At that point in time, for that URL, for that config, from that location
- 20. @jonoalderson Load fewer, smaller things, duh Pingdom, Website speed test, https://tools.pingdom.com/ Google Pagespeed score Relative to other people testing their homepages At that point in time, for that URL, for that config, from that location
- 23. @jonoalderson Google PageSpeed Insights, http://bit.ly/2BxHcEw
- 24. @jonoalderson Google PageSpeed Insights, http://bit.ly/2BxHcEw
- 25. @jonoalderson Google PageSpeed Insights, http://bit.ly/2BxHcEw
- 26. @jonoalderson [2] The only thing which matters is the perception of speed.
- 27. @jonoalderson Google, Lighthouse docs, http://bit.ly/2PvhraI
- 28. @jonoalderson However, there’s one golden moment...
- 29. @jonoalderson !!! “First contentful paint” Google PageSpeed Insights, http://bit.ly/2BxHcEw
- 30. @jonoalderson Google PageSpeed Insights, http://bit.ly/2LbGw7j
- 31. @jonoalderson “How quickly can we show something interesting?”
- 32. @jonoalderson Let’s grab an example
- 33. @jonoalderson
- 34. @jonoalderson Nav interactivity Fonts Personalised / account stuff Share buttons Author imagesComments, related posts, all sorts! Video Big image Tons of CSS jQuery(!)
- 35. @jonoalderson
- 36. @jonoalderson Lazy video placeholder Skeleton container for image Stopped these assets from loading on the initial page load Personalised / account stuff via ajax Nav interactivity loads later Prioritise font loading
- 38. @jonoalderson Here’s how you measure speed
- 41. @jonoalderson Pingdom Website Speed Test, http://bit.ly/2MhP9lT
- 42. @jonoalderson Pingdom Website Speed Test, http://bit.ly/2MhP9lT
- 43. @jonoalderson
- 44. @jonoalderson So we refactored that file... 1 dev, 1 day
- 46. @jonoalderson Here’s how you benchmark this stuff
- 47. @jonoalderson Google PageSpeed Insights, http://bit.ly/2MhP9lT
- 48. @jonoalderson Google PageSpeed Insights, http://bit.ly/2MhP9lT The internet, the speed of light
- 49. @jonoalderson Google PageSpeed Insights, http://bit.ly/2MhP9lT Hosting, servers, CDNs The internet, the speed of light
- 50. @jonoalderson Google PageSpeed Insights, http://bit.ly/2MhP9lT Hosting, servers, CDNs WP, themes & plugins The internet, the speed of light
- 51. @jonoalderson Google PageSpeed Insights, http://bit.ly/2MhP9lT Hosting, servers, CDNs WP, themes & plugins HTML, CSS & JS The internet, the speed of light
- 52. @jonoalderson Here’s how you shortcut speed Some “quick” wins!
- 53. @jonoalderson 1. Bolt on a CDN (Cloudflare) 2. Get good hosting 3. Use a static page cache 4. Optimise your resources 5. Use AMP(?)
- 54. @jonoalderson 1. Bolt on a CDN
- 55. @jonoalderson
- 56. @jonoalderson
- 57. @jonoalderson
- 58. @jonoalderson 2. Get good hosting
- 59. @jonoalderson
- 60. @jonoalderson DIY sites (any size) Managed small-medium sites Large/enterprise sites
- 61. @jonoalderson 3. Use a static page cache
- 62. @jonoalderson OR
- 63. @jonoalderson 4. Optimise your resources
- 64. @jonoalderson OR
- 65. @jonoalderson
- 67. @jonoalderson
- 68. @jonoalderson
- 70. @jonoalderson Emily Grossman, SkyScanner, http://bit.ly/2wjnkzR
- 72. @jonoalderson Bastian Grimm, Peak Ace, http://bit.ly/2wjnkzR
- 73. @jonoalderson
- 74. @jonoalderson Google Web Fundamentals, http://bit.ly/2wlVeUI
- 75. @jonoalderson Google Web Fundamentals, http://bit.ly/2wlVeUI