Top 5 WordPress Website Speed Problems That Completely Undermine Your Rankings

Top 5 WordPress Website Speed Problems That Completely Undermine Your Rankings

Gaining the Edge

In order to ensure your website’s success, it is vital that you have a Google competitive advantage. SEO Gold Coast experts are amazed at how website load times are often overlooked in favor of other onsite or offsite SEO implementations, even though Google has included website speeds into their ranking algorithm. These are top 5 lowest costs to highest value speed optimisations that can be executed in under 60 minutes. Optimizing your WordPress website to improve site speed can take several days. But with 10Web WordPress Optimization Service you can do it in just 20 minutes and get a 95+ Google PageSpeed score. This service optimizes images and lazy loads pages to detect any CSS or JS problems. It also provides a caching plugin and instructions on how to optimize your website’s speed, all for no !”

1. Eliminate Render Blocking Resources

JavaScript or CSS files placed at top of page in the header section can slow down website load times. Large files such as jQuery and Bootstrap can take a lot of time to download, causing rendering to be delayed until they are downloaded.

Solution – Defer: By adding defer to JavaScript files we tell the browser to run the script after the page has loaded. There are various plugins which can do this job however you can also add a simple filter to functions.php

Read:  What happens if there is an excess of demand and the market becomes disequilibrium?

Add this code to your functions.php:

add_filter( ‘clean_url’, function( $url )

{

if( FALSE===strpos[ $url, ‘.js’ ) )

{

return $url;

}

return “$url’ defer=’defer”;

}, 11, 1 );

Solution – Preload: As your style sheets are critical to the rendering of your web page you’ll need them loaded as soon as possible. Preload does exactly this. As soon as the browser has read the tag, it downloads and caches CSS to speed up the rendering of your web page. Be aware 84% of browsers support preload, 16% do not, you must still deliver a non-preloaded stylesheet for cross-browser compatibility.

Add this code to your functions.php:

function add_rel_preload($html, $handle, $href, $media) {

if (is_admin)

return $html;

$html=

EOT;

return $html;

}

add_filter( ‘style_loader_tag’, ‘add_rel_preload’, 10, 4 );

2. Serve Images in Next Generation Formats

Images can be large files so optimizing size and compressing them can help reduce load times. Serving images in WebP reduce page load times significantly as they can be up to 34% smaller in filesize than their JPEG or PNG equivalents.

Solution – There are several WordPress plugins available if you have the budget. Imagify is a great paid plugin. WebP Express, however, is the best free option.

3. Lazy Load Images

By default a web browser loads all images on the page, regardless of whether they’re above or below the fold. (Below the fold – everything that is below the screen where you have to scroll down to see.) You can reduce the initial load time by telling the browser to load the image only once it is in the viewport (what’s visible on the screen).

Read:  What words can you make using the letters career?

Solution – Lazy Load by WP Rocket is my personal favourite, it’s highly compatible, light and delivers true Lazy Load that never seems to conflict with other plugins.

4. Caching

Every time a user visits a webpage, they download all of the content again and again, even if they’ve visited it before. Enabling Expires Headers can be used to tell the browser to download website files from its cache, rather than request them each time a page loads. This does not speed up the initial load of the website, but each subsequent load.

Solution – Plugins are available however you can add your own caching by adding expires headers to your .htaccess file.

ExpiresActive On

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 week”

ExpiresByType image/x-icon “access plus 1 week”

ExpiresByType video/mp4 “access plus 1 week”

ExpiresByType video/mpeg “access plus 1 week”

ExpiresByType text/css “access plus 1 week”

ExpiresByType text/javascript “access plus 1 week”

ExpiresByType application/javascript “access plus 1 week”

ExpiresByType application/pdf “access plus 1 week”

ExpiresByType application/x-shockwave-flash “access plus 1 week”

5. GZip

Computers do not need to be able to read well-formatted text with spaced like humans. Compressing text reduces the size and space required for the browser to download files.

Read:  How to see someone’s likes on Instagram

Solution – Enable Gzip, GZip compresses data sent through the HTTP protocol, this greatly increases the speed in which text, HTML, CSS, XML and JavaScript are downloaded in the browser.

Add this code to your

file.

AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript

Summary

With the world moving mobile, every second matters when it comes to getting that sub-3-second load. These 5 speed optimisations for onsite will help you get there quicker. Google PageSpeed Insights will show you how your site compares before and after your optimization. Remember to back up your website before making any changes. Code may need to be modified to fit your application.

Share