Home WordPress Tips 7 Common Website Speed Test Warnings and How to Fix Them

7 Common Website Speed Test Warnings and How to Fix Them

by Manoj
Common Website Speed Test Warnings and How to Fix Them

In 2019, Google announced that speed is one of the major ranking factors for websites. If your site takes a long time to load, you will seriously suffer. So you should take extra efforts to optimize WordPress and reduce your page loading time. 

It is a fact that everyone leads a busy life now. No one has time for anything. If that's the case, can we believe that people will wait for seconds to fully load your webpage? 

Nope. They will go to some other page to collect information or buy products. It will result in an increase in your bounce rate and a decrease in your online reputation. To avoid such a situation, take some steps to increase your page speed score and serve content faster. 

In this article, we'll tell you how to fix warnings on popular website speed test tools like GTMetrix, GooglePageSpeed Insights, etc. They include leverage browser caching, defer parsing of JavaScript, enable GZIP compression and more.

Best tool to check your website speed

There are many tools available to check your website speed. GTMetrix is the best among them. It will tell you how fast your website loads from different global locations. 

GTMetrix

GTMetrix will run more than 40 tests on your URL and show recommendations with relevant files or scripts that slow down your pages. 

Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page.

Common Website Speed Test Warnings (+ Solutions)

Do you want to know how to score higher in website speed test tools and boost your page performance? We'll guide you in the proper way. 

Let us check the common page speed warnings and learn how to fix them in step by step. 

1. Reduce server response time

Do you get 'reduce server response time' warning on Google PageSpeed Insights? Now we can make a close look at the probable reasons for your high server response time and ways to boost your website speed. 

Server response time (Time To First Byte) is the time taken by the browser to receive first byte from the server. It should be under 200 ms. If it takes more time to load the first byte, your website will become damn slow. 

A server response time depends on several factors, like: 

A. Bad hosting

If your hosting provider uses outdated servers and old technologies, it will slow down your website and sent it to offline frequently. Ensure that your website runs on the latest PHP version to make it fast and secure. Otherwise, consider change your host. 

Our recommended web hosting provider: WPX Hosting

WPX Hosting is a fast and reliable hosting company since 2013. They have high-speed servers to deliver your pages at a blazing fast speed. A custom, fast CDN is also available to further power up your websites and satisfy the needs of your audience in various global locations. Their hosting plans start at $20.83/mo with unlimited SSLs, unlimited migrations, malware removal, and many other premium quality features. 

You can also consider: GreenGeeks

GreenGeeks is a budget-friendly hosting service for beginners. It is also fast and secure to host any kind of website. They offer unlimited Solid State Driver (SSD) Server storage in all hosting plans, which is 300% faster than the normal HDD servers. Their LiteSpeed caching technology will help you to serve pages faster and a free CDN integration is also available to speed up WordPress again. For $2.95/mo, you can host a single website on GreenGeeks servers. The unlimited hosting costs $5.95/mo with unlimited SSLs, a free domain, daily backups, and other features. 

Choose a fast web host to reduce your server response time and speed up WordPress.

B. Enable Caching

Caching is the process of storing data in a temporary storage so it can be quickly served. It will help you to deliver pages faster to desktop and mobile visitors. 

Our recommended caching plugin: WP Rocket

WP Rocket is the #1 caching plugin for WordPress. It is an all-in-one plugin to cache, database optimization, and lazyload images. I am using it for more than a year and recently extended my license for another 2 years. I shared my experience with WP Rocket in this post

WP Rocket can help you to remove many warnings from website speed test tools and increase your page speed. 

C. Use a fast CDN

If your hosting provider doen't have any CDN integration, sign up on a fast Content Deliver Network to serve your pages and scripts at maximum speed. It is very important to fix slow speed issues in the regions where your data center is not located. With a CDN, you can deliver content at the same speed to visitors around the world. 

D. Image optimization

Un-optimized images could be the another reason for your high server response time. Scale and optimize your images to load them faster across devices. 

A fast hosting, caching, and image optimization practices can make huge improvements in server response time and power up website performance. 

How to Fix 'Reduce Server Response Time' Warning on Google PageSpeed Insights? #SEO

Click to Tweet

2. Leverage browser caching

Leverage browser caching is another warning you may get in website speed test tools like GTMetrix. Let me explain why it occurs on your site, first. Then, I will guide you with the multiple methods to remove warning and speed up WordPress. 

Each webpage is a combination of a variety of files including HTML, CSS, JavaScript, and images. They have to be loaded separately when someone opens your page on the browser. Files of a smaller size may load quickly, but others will take longer. Your page speed will reduce if there are many requests made between browser to the server to load files. 

Browser caching is a mechanism to store frequently accessed your web resources in the user browser. When a visitor enters your website for the first time, it may take some time load pages depends on the size of your files. But for their repeated visits, your page will open quickly as required resources are stored in the local memory of their device. 

If you are getting leverage browser caching warning on GTMetrix, here is an easy way to remove the message for files hosted in your server: Install WP Rocket 

WP Rocket will enable browser caching for desktop and mobile, and fix the warning automatically. It will set an expiry period for different types of files and update your .htaccess file accordingly (otherwise, you should do it manually). But keep in mind that browser caching cannot be applied for files stored in external servers like Google, Facebook, ad scripts, etc. Any WordPress plugin is helpless in this case. Even though, WP Rocket can handle Google Analytics and Facebook Pixel scripts. So you won't get leverage browser caching warning for them. 

If you are not using any caching plugins and want to set an expiry time for files manually, follow these steps.

Open your .htaccess file from the root directory. Click on edit and enter this code for Apache servers,

<IfModule mod_expires.c>
ExpiresActive On

# Images
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/webp "access plus 1 year"
ExpiresByType image/svg+xml "access plus 1 year"
ExpiresByType image/x-icon "access plus 1 year"

# Video
ExpiresByType video/mp4 "access plus 1 year"
ExpiresByType video/mpeg "access plus 1 year"

# CSS, JavaScript
ExpiresByType text/css "access plus 1 month"
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"

# Others
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
</IfModule>

Save the file. 

That's it. 

WP Rocket add-ons

WP Rocket users can visit Add-ons from the left-side menu and activate Google Tracking, Facebook Pixel add-ons to turn on browser caching for them. 

How to Fix 'Leverage Browser Caching' Warning on GTMetrix? #SEO #Caching

Click to Tweet

3. Eliminate Render-Blocking Resources

Eliminate Render-Blocking Resources or defer parsing of Javascript is another warning you may want to fix on website speed test tools. 

Do you know what it means? Every website contains a variety of javascript, CSS codes to load themes and plugins smoothly. They are the basis of a webpage and when you enters a URL, the browser will load those resources first before rendering the HTML part. Hence they are known as render blocking resources. 

There are two types of resources- critical and non-critical resources. You can defer non-critical resources with async or defer attributes. But you can't handle critical resources in the same way as it may break down your website. So you should inline them within the HTML page using <script> and <style> tags. 

Solution: Install WP Rocket

Install WP Rocket on your WordPress website first. Open settings > WP Rocket and visit File Optimization tab. 

Scroll down to the bottom to locate JavaScript files settings,

DEFER PARSING OF JAVASCRIPT

Enable 'Load JavaScript deferred' option to defer scripts and speed up WordPress. Don't forget to check the Safe Mode for JQuery box to handle critical resources. 

If you are a SiteGround customer, you need not install any third-party caching plugins like WP Rocket or W3 Total Cache. A built-in caching plugin (SG Optimizer) is available on GrowBig and GoGeek plans to manage caching, minification, defer render blocking JavaScript, and many others. 

render blocking

Open SG Optimizer menu from the left pane of your WordPress dashboard. Visit the Frontend optimization tab. Locate 'Defer Render-Blocking JS' option and drag its toggle button to the right to enable. 

Done. 

You can also consider: W3 Total Cache

Install W3 Total Cache on your website and open Performance > General settings. Locate Minify settings. 

eliminate render blocking W3 Total Cache

Enable the Minify option first. Change minify mode to manual. Save settings. 

Go to GTMetrix or Google PageSpeed Insights and collect scripts that you want to minify with GTMetrix. 

eliminate render blocking resources

Copy file URLs one by one and go back to WordPress dashboard. Visit Performance > Minify section. 

Defer parsing of JavaScript w3 total cache

Scroll down to JS minify settings. Find the first option ' Before </head>..........' and Choose Non-blocking using defer from the embed type drop down box. Under JS file management, click on Add a script button and enter scripts you copied from the speed test tools. Save settings. 

For CSS files, head to the next section- CSS. 

eliminate render blocking resources w3 total cache

Click on 'Add a style sheet' button and enter CSS file URLs one after another to minify. Save settings and purge caches. 

Visit Google PageSpeed Insights and test your website again. It should remove the warning relating to eliminate render blocking resources. 

How to Fix 'Defer Parsing of Javascript' Warning on #GTMetrix? #SEO

Click to Tweet

4. Enable GZIP compression

Are you getting GZIP related warnings on website speed test tools? It will be 'Enable GZIP compression' on GTMetrix and 'Compress components with gzip' on Pingdom. You can easily fix the warning either by updating your .htaccess file or installing WP Rocket. Let us check how it works. 

GZIP compression will help you to reduce the file size and increase the page speed. It supports various file types like HTML, CSS, JavaScript, fonts, XML, etc. 

For Apache servers, you need to add the following code in the .htaccess file to enable compression. 

<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml

# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>

Save. You have successfully enabled GZIP compression on your website. 

On WP Rocket, you can't find specific settings for GZIP compression. This is because it is an automated process and the plugin will add relevant code in your .htaccess file, once it activated. 

5. Minify

Do you want to to know how to fix 'minify JavaScript' and 'minify CSS' warnings on GTMetrix? 

Minification is the process of reducing the number of JavaScript and CSS requests, by combining multiple files into one, and reduce the file size. Thus you can bring considerable improvements in page loading time and overall website performance. 

Minification is an essential feature of all caching plugins like WP Rocket, W3 Total Cache, and SG Optimizer. 

Minify WP Rocket

On WP Rocket, open the File optimization menu to minify and combine CSS and JavaScript files. Save changes and clear cache. 

Minify SiteGround SG Optimizer

On SG Optimizer, an exclusive caching plugin for SiteGround customers, follow this method to to enable minify:

 Open SG Optimizer menu from the left side of WordPress dashboard. Tap Front-end optimization from the top.

Turn on these options, 

Minify JavaScript files, Combine JavaScript files, Minify CSS files, and Combine CSS files. 

That's all. 

Minification will help you to get a high score in website speed test tools and reduce your page loading time. 

6. Optmize images

Are you get various image-related warnings on website speed test tools? It includes 'optimize images', 'serve scaled images', ' specify image dimensions' etc. This is because your are not optimizing images properly. 

Compress images to reduce their size and loading time. You can do it with a third-party tool like Optimole or ShortPixel

Optimole

Optimole is a great image optimization plugin for WordPress. It will automatically compress your images using multiple algorithms and serve them through a fast CDN to the end users. It supports all device types and lets you add watermarks to images if needed. Being integrated with Cloudfront CDN, you can deliver images from over 200 server locations to offer an uninterrupted speed across the world. It is free for up to 5,000 monthly visits and premium plans start at $22.52/mo with an annual payment. 

ShortPixel

ShortPixel is another fantastic choice to optimize your images. It will compress files automatically or even in bulk. ShortPixel supports all popular image formats like PNG, JPG, JPEG, GIF, WEBP, and PDF. It is free for up to 100 images/month and their pricing start at $4.99/mo for 5,000 images. 

Optimizing images help you to reduce the bandwidth usage and increase the website speed. Use a high-quality image optimization plugin to automate the process and save your time. 

How to Fix Warnings on #GTMetrix and #Google PageSpeed Insights Easily? #SEO

Click to Tweet

7. Use a Content Deliver Network

Today, almost every hosting company offers a free CDN integration in their hosting plans. It helps you to serve content faster to the end users. If no CDN is available in your plan and you are getting 'Use a Content Delivery Network' on GTMetrix, follow any of the solutions mentioned below, 

A. Choose a CDN service

StackPath

Add a CDN integration to your website. There are several networks available to deliver your resources fastly and smoothly. StackPath is most popular among them. It is blazing fast and affordable. Their pricing starts at $10/mo with unlimited sites and 1TB bandwidth/mo. They have 45 server locations to offer a same speed of content delivery to the visitors around the world. 

B. Use Cloudflare CDN

Cloudflare offers a free CDN to run your website fast. Their free plan comes with a free SSL, 3 page rules, and email support. They also have premium plans to provide advanced features like image optimization, automatic mobile optimization, 100% uptime SLA, etc. Create your Cloudflare account and follow these instructions to set up a free CDN for your website. 

A CDN integration will help you to get a green signal from popular website speed test tools and load pages faster on all devices. 

Apply these techniques to fix warnings on website speed test tools and enhance your page performance. Do you have any other queries? Let us know through comments. 

You may also like

Leave a Comment

* By using this form you agree with the storage and handling of your data by this website.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More