Categories
Services Technology

How to Score a Perfect 100% on Google PageSpeed Insights

Introduction

You want Google PageSpeed Insights to give you a score of 98, 99 or 100? This can be difficult since there are a lot of factors that affect these high ratings.

For example, my homepage has a 98/99 rating, while my blog has a 99/100 Google PageSpeed Insight rating, so please keep in mind that each page may differ.

Let's take a look at how to score a perfect 100% on Google PageSpeed Insights without too much work. 🙂

Speed is a crucial factor towards building a website that converts well and is search engine friendly.

People won't wait around if you don't have a fast loading website.

I found it to be a fairly easy task if you use the combination of WP Rocket and Cloudflare Enterprise (via Rocket.net).

FULL REVIEW: Rocket.net Review: Superb Managed WordPress Hosting (2021)

Table of Contents

Tools & Services

Shooting for the Moon

shooting for the moon 100 pagespeed insights score | graydonschwartz.com
Google PageSpeed Insights

Optimal WP Rocket Settings

While switching to a Cloudflare Enterprise powered web host like Rocket.net does not require a WP Rocket plugin, it does help for a number of reasons.

One of the best caching plugins for WordPress, WP Rocket applies 80% of web performance best practices automatically.

  • Page Caching
  • Cache Preloading
  • Browser Caching
  • GZIP Compression
  • eCommerce Optimization
  • Excellent Compatibility

While it may seem redundant since Rocket.net uses Cloudflare Enterprise CDN to full-page cache your website, Cloudflare will need to update its cache many times, thereby decreasing the load on your webserver.

CACHE

WP Rocket Cache Settings
WP Rocket Cache Settings

CACHE > Enable caching for mobile devices: Enable

CACHE > Separate cache files for mobile devices: Left unchecked because my theme is mobile friendly.

CACHE > Cache Lifespan: 10 Hours

Click SAVE CHANGES.

FILE OPTIMIZATION

CSS Files
WP Rocket File Optimization Settings
WP Rocket File Optimization Settings

FILE OPTIMIZATION > CSS Files > Minify CSS files: Disabled

NOTE: I left this unchecked because Rocket.net takes care of the CSS files being shrunken down and why do it twice, right?

FILE OPTIMIZATION > CSS Files > Combine CSS Files (Enable Minify CSS files to select): Disabled

FILE OPTIMIZATION > CSS Files > Optimize CSS delivery: Enable

FILE OPTIMIZATION > CSS Files > Remove Unused CSS (Beta): Disabled

JavaScript Files
WP Rocket File Optimization Settings
WP Rocket File Optimization Settings

NOTE: I would like to try this out once it's out of beta and shave off a little more page load time.

FILE OPTIMIZATION > JavaScript Files > Load JavaScript deferred: Enabled

FILE OPTIMIZATION > JavaScript Files > Delay JavaScript execution: Enabled

FILE OPTIMIZATION > JavaScript Files > Excluded JavaScript Files: Disabled

Click SAVE CHANGES.

NOTE: It worked for me without excluding any JS files, but your mileage may vary.

MEDIA

wp rocket media settings 1 | graydonschwartz.com
WP Rocket Media Settings

MEDIA > LazyLoad > Enable for Images: Enabled

MEDIA > LazyLoad > Enable for iframes and videos: Enabled

MEDIA> Image Dimensions > Add missing image dimensions: Enabled

Click SAVE CHANGES.

Improve your readers' reading experience by adding width and height attributes to images.

PRELOAD

wp rocket preload settings 1 | graydonschwartz.com
WP Rocket Preload Settings

PRELOAD > Preload Cache > Activate Preloading: Enabled

PRELOAD > Preload Cache > Activate sitemap-based cache preloading: Enabled

PRELOAD > Preload Cache > Rank Math XML sitemap: Optional

Click SAVE CHANGES.

Preloading is triggered automatically when you add or update content and can also be manually triggered from the admin bar. It begins with the links on your homepage, followed by the sitemaps you specify.

Mobile Conversion Rates Tips

To avoid experiencing severely slow page loading times due to large files and the difficulty of parsing them, consider using a responsive design on your website.

Create a mobile-friendly shopping cart that allows customers to buy items as soon as they see them. Provide multiple payment options, including PayPal and Stripe.

It's clear that a company needs a mobile site if they want to succeed in today's marketplace. One of the biggest reasons so many people use smartphones is because they love to be able to stay on top of things on the go.

A mobile site provides people with the flexibility to check the status of orders, watch videos, and buy products. Although some companies still don't have a mobile site, the ones that do have had more than triple the conversion rates than those that didn't.

Mobile sites need to be responsive and quick, just like the mobile phone. With the high level of distractions on a smartphone, it's important to keep things user-friendly and effective.

Performance Website Conclusion

It's likely that I would get a better rating if I dropped WPForms and WooCommerce plugins.

There are so many combinations of plugins that I have tried and it is nice when you can use simple plugins for WordPress tasks. For sure, less is more in this case.

Your website will perform better than the competition with these tweaks.

Most companies focus on making a great website, which focuses on visual aesthetics and the ability to catch the attention of visitors. However, a performance-focused website is one that generates actual results for your company.

To create an effective performance-based website, you need to make sure your site converts well. A conversion rate is calculated by how many people who visit your site actually take action, such as signing up for your newsletter or buying a product from you.

The higher this conversion rate is, the better it is for business because these actions result in more leads and sales for your company.

Although I thoroughly explored the Rocket.net Control Panel, I couldn't find any settings for speeding up the site. They do such a good job of optimizing WordPress without our intervention.

Well, I hope this helped you achieve 100 or close to it on your Google PageSpeed Insights score.

Special Thanks

TESMAT at Tesla Supercharger

TESMAT

TESMAT could be the right mattress for your next Supercharger nap, car camping trip, or the perfect gift for your favorite Tesla Model 3/Y owner. You can use my coupon code to save on your purchase.

Learn more:

luminar neo logo for light backgrounds updated | graydonschwartz.com

Luminar Neo

Use the button below and feel free to use the discount code (GRAYDON) to give yourself a sweet discount at checkout on Luminar:

I may earn a small commission for my endorsement, recommendation, testimonials and / or links to products or services linked above. Your purchase supports me in bringing you more photographs, travel guides, and more trips around the world.

By Graydon Schwartz

Find out more about Graydon on the About Me page.