Slow sites frustrate consumers. Frustration costs money.
To delight consumers, beat competitors, and to please Google, your site will need to load in under a second. And you’ll need to get there fast, otherwise, your competitors might beat you to the finish line.
Sound impossible? Web performance is no longer an art, but a science.
Yoast’s Jono Alderson shares the tips, tricks, tools, and tactics you need to speed up your website.
In this presentation, learn:
– The tactics to get your site to load in under a second.
– How to prioritize all the different pieces when optimizing site speed.
– How improved web performance can help you get better rankings and conversions.
41. @jonoalderson
Pingdom, Website speed test, https://tools.pingdom.com/
At that point in time, for
that URL, for that config,
from that location
Doesn’t actually
measure
42. @jonoalderson
Pingdom, Website speed test, https://tools.pingdom.com/
Relative to other
people testing
their homepages
At that point in time, for
that URL, for that config,
from that location
Doesn’t actually
measure
43. @jonoalderson
Load fewer, smaller things, duh
Pingdom, Website speed test, https://tools.pingdom.com/
Relative to other
people testing
their homepages
At that point in time, for
that URL, for that config,
from that location
Doesn’t actually
measure
99. @jonoalderson
0. Load less stuff
1. Tidy up your CMS
2. Bolt on a CDN (Cloudflare)
3. Get good hosting
4. Use a static page cache
5. Optimise your resources
6. Use AMP(?)
143. @jonoalderson
5. “Delays of over 3 seconds can lead to over 50% abandonment”
Google / marketingdive.com 2016, via http://bit.ly/2OBDJGq
7. “20% of users abandon their cart if the transaction process is too slow”
Radware, 2014, http://bit.ly/2weioeS
8. GQ / Google / Amazon speed studies
Baqend, 2018, http://bit.ly/2MA4nSZ
10. Google speed / impact benchmarking tool
Think with Google, http://bit.ly/2N3BXRz
13. Seconds until “visually loaded” research
MachMetrics, 2018, http://bit.ly/2PiFzgK
16. Google announcements about speed as a ranking factor
Google Webmaster Blog, 2018, http://bit.ly/2wggdHs
144. @jonoalderson
39. Issues with Pingdom (and other’s) performance scoring
Pingdom, Website speed test, https://tools.pingdom.com/
45. Google’s PageSpeed Insights tool & First Contentful Paint
Google PageSpeed Insights, http://bit.ly/2BxHcEw
46. Google’s definition of the First Content Paint metric
Google PageSpeed Insights, http://bit.ly/2LbGw7j
56. Google stating “Load is not a single moment in time”
Google, Lighthouse docs, http://bit.ly/2PvhraI
58. Google’s definition of the Time to Interactive metric
Google, Lighthouse docs, http://bit.ly/2PvhraI
70. “You just need to follow the rules”; Google’s 1s loading overview
Google PageSpeed Insights, http://bit.ly/2MhP9lT
145. @jonoalderson
76. Google’s Web Fundamentals documentation 💖
Google, Web Fundamentals, http://bit.ly/2ZrAiZj
81. Waterfall reports from WebPageTest
webpagetest.org
84. Waterfall reports from Pingdom
Pingdom Website Speed Test, http://bit.ly/2MhP9lT
88. Chrome developer console, ‘Network’ report 💖
(ctrl+shift+j on Windows, ctrl+option+j on Mac)
103. How DNS prefetching works
Machmetrics, http://bit.ly/2wrfjYX
105. Query Monitor plugin 💖
https://en-gb.wordpress.org/plugins/query-monitor/
146. @jonoalderson
106. Server/system performance reporting with NewRelic 💖
newrelic.com
108. Cloudflare 💖
cloudflare.com
112. “An introduction to HTTP/2 & Service Workers for SEOs”
Tom Anthony, Distilled, http://bit.ly/2MhP9lT
115. Recommended hosting companies* 💖
117. Static page cache recommendations*
119. Systemised image compression/optimisation from TinyPNG
tinypng.com
*(my personal opinion, my own experience; your mileage may differ!)
147. @jonoalderson
120. On-demand image optimisation from Squoosh
squoosh.app
123. The ‘Coverage’ report in Chrome’s developer tools 💖
125. AMP
amp.dev
126. The ‘Official’ WordPress AMP plugin 💖
wordpress.org/plugins/amp/
132. The ‘Performance’ report in Chrome’s developer tools
133. A (proposed) new approach to CSS in WordPress
Me, https://bit.ly/2D5Dlgy
134. Performant Web Animations and Interactions: Achieving 60 FPS
Emily Hayman, http://bit.ly/2MILD4c
148. @jonoalderson
136. “The Marketer’s Guide to Performance Optimization”
Emily Grossman, SkyScanner, http://bit.ly/2wjnkzR
137. “Site Speed. You need it. Here's how to get it.”
Jon Henshaw, http://bit.ly/2wwy5xZ
138. "Super speed around the globe"
Bastian Grimm, Peak Ace, http://bit.ly/2wjnkzR
See also…
● Yoast.com
● JonoAlderson.com
● @jonoalderson