Why I Don't Care About PageSpeed

And You Should Too

Remy Perona

Lead developer of WP Rocket at WP Media

 

      @remyperona

Who Wants a Fast Website?

Who Wants a Fast Website?

EVERYONE

How to Measure the Speed of My Website?

How to Measure the Speed of My Website?

Google PageSpeed Insights

The Issue

With PageSpeed

PageSpeed Doesn't Measure

The Loading Time

of Your Website

Good PageSpeed Score

QUICK WEBSITE

PageSpeed Score: 85

Loading Time:

3,16s

PageSpeed Score: 58

Loading Time:

596ms

"The PageSpeed score has no impact for your SEO.

For Google, the loading time of your website is important."

Joost De Valk - Yoast

"Even though the score is linked to the speed of the page, it is not entirely representative of the actual user experience"

The only important metric for your visitors is the

loading time

of your website!

Why use PageSpeed?

Why use PageSpeed?

Detect possible optimizations (with caution)

Why use PageSpeed?

Detect possible optimizations (with caution)

In addition to a loading time measurement tool (Pingdom Tools)

PageSpeed Suggestions

PageSpeed Suggestions

Enable Compression

Activate GZIP compression on your server (.htaccess, nginx.conf)

PageSpeed Suggestions

Enable Compression

Activate GZIP compression on your server (.htaccess, nginx.conf)

Leverage Browser Caching

Activate Expirations headers on your server (.htaccess, nginx.conf)

PageSpeed Suggestions

Enable Compression

Activate GZIP compression on your server (.htaccess, nginx.conf)

Leverage Browser Caching

Activate Expirations headers on your server (.htaccess, nginx.conf)

Avoid Landing Page Redirects

Minimize/Remove redirections to the final landing page

PageSpeed Suggestions

Minify Resources

Minify your static resources (Autoptimize, WP Rocket…)

PageSpeed Suggestions

Minify Resources

Minify your static resources (Autoptimize, WP Rocket…)

Reduce Server Response Time

Use a static cache (with a plugin) or server cache (Varnish, NGINX…)

PageSpeed Suggestions

Minify Resources

Minify your static resources (Autoptimize, WP Rocket…)

Reduce Server Response Time

Use a static cache (with a plugin) or server cache (Varnish, NGINX…)

Optimize Images

Use a solution to reduce images file size  (ImageOptim, Smush, Imagify…)

Following Those Suggestions

=

Better Loading Time

Doesn't Apply to External Resources Like Google fonts, Analytics, Ads, Tracking…

PageSpeed Suggestions

Eliminate Render-Blocking JavaScript and CSS

Load CSS and JavaScript files using defer/async solutions

!

Can cause display issues

Critical CSS might be different for each page

Insert critical CSS into the <head> tag of your pages

PageSpeed Suggestions

Prioritize Visible Content

!

Hard to implement in WordPress

Heavily dependent on Theme/Plugins

Structure Your HTML to load the critical, above-the-fold content first

Following Those Suggestions

=

(Possible) Improvement of the Perceived Loading Time

"Some of PageSpeed's recommendations take substantial effort to implement,

so you need to evaluate the cost of making changes vs. the benefit the rule would have on your page"

SUMMARY

SUMMARY

PageSpeed Score Doesn't Matter

SUMMARY

PageSpeed Score Doesn't Matter

Follow PageSpeed Suggestions With Caution

SUMMARY

PageSpeed Score Doesn't Matter

Focus on the Loading Time of Your Website

Follow PageSpeed Suggestions With Caution

Q/A

Ressources

Made with Slides.com