4 Tips To Make WordPress Load Under 1 Second | premiumwd
Development / Optimization / SEO / Tips & Tricks

4 Tips To Make WordPress Load Under 1 Second

by chris rodriguez on July 26, 2016

Do you want to learn some advanced WordPress speed optimization strategies to make your site load at a blazing speed? If yes, you are at the exact place to discover some helpful strategies to speed your WordPress website. I don’t have any hesitation to say that the WordPress is a remarkable CMS that can be used in a comfortable manner even by the novice user.

However, the bitter truth is that the websites built on WordPress needs speed optimization to perform well on search engines and give best user experience as well. Yes! Several additional things that we add like images, plugins and custom codes will eat up many resources, and if you are not optimized correctly, it will end up in a slow loading website that would make your readers terminate their arrival. I believe that you would not like to create such kind of annoying circumstance for your beloved readers, Am I right?
After putting all my hands into the dirt of hardcore to optimize WordPress speed, I am here with an improved level guide for you.

Yeah! Enabling gzip compression and caching of pages are important, but you cannot always reach your 100/100 using the basic speed optimization tricks with such kind of basic strategies. It will go hard to speed up in case you have used so many plugins, and the coding of your website has gone much complicated. Below is an in-depth study of technical aspects that affect your website speed and are considered by Google pagespeed insight tool and other speed test tools available online. I am anticipating that you have executed all the steps directed in the basic guide to improve WordPress speed such as W3 total cache plugin install and its configuration.

1. Use Speed Optimization WordPress Plugins

Media query strings mean something like example.com/wp-content/themes/theme/style.css/?ver=4.4 In the above example, “?ver=4.4” is that string which is recommended to be removed.

Three ways to pass this rule

  1. You must unmark the setting “Prevent caching of objects after settings change” in performance >> browser caching of w3 total cache plugin configuration. Many times, executing this step does not improve anything. Hold on, you don’t have to worry at all. Another solution is there.
  2. Install and activate Remove media query strings WordPress plugin and regenerate all the caches.
  3. If you don’t want to rely much on WordPress plugins, you may add the following code to the functions.php file to remove the query strings!
function _remove_script_version( $src ){
$parts = explode( '?ver', $src );
return $parts[0];
}
add_filter( 'script_loader_src', '_remove_script_version', 15, 1 );
add_filter( 'style_loader_src', '_remove_script_version', 15, 1 );

Now is the time to enhance your CSS delivery and above the fold content. You have to defer the loading of JavaScript and CSS in this step. Doing this manually can take hours, and you’ll come to me with a hanging face again. Upload Speed Booster Pack on your WordPress and check below options

1. Move scripts to the footer

Moving the scripts to the footer improves speed. Are you trolling me? You just changed the placement and nothing else. How can it be beneficial for site speed? These questions must be running in your mind right now, Am I correct? Here is the logic behind that!

Footer placement is the perfect step for speed optimization because this makes sure that the above the fold content is loaded in full before any javascript or CSS. No Render blocking JavaScript!

2. Defer Parsing of the JavaScript

Marking this option will load the scripts asynchronously.

  
// Defer parsing of JavaScript
function defer_parsing_of_js ( $url ) {
if ( FALSE === strpos( $url, '.js' ) ) return $url;
if ( strpos( $url, 'jquery.js' ) ) return $url;
return "$url' defer='defer";
}
add_filter( 'clean_url', 'defer_parsing_of_js', 11, 1 );

Now navigate to the “More Speed” section and check first three radio boxes.
Save the settings and check your site speed. (Make sure you reload the caches using performance >> empty all caches from the admin top bar)

2. Put Maximum Expiry Date For Static Resources

The only thing that can bring issues to the high-grade speed result maybe setting a maximum expiry date for static resources.

If w3 total cache plugin could not set that expiry date, don’t mess up exploring settings in w3 total cache plugin.

You can solve this rule by adding the below code snippet to your .htaccess file

# Browser Caching
FileETagMTime Size
<IfModuleexpires_module>
ExpiresActive on
ExpiresDefault "access plus 1 week"
ExpiresByType application/javascript "access plus 1 year"
</IfModule>

.htaccess file can be edited right from the Yoast SEO plugins settings.

The path to edit the file will be SEO >> tools >> file editor

Right after the robots.txt, there is the htaccess file. Scroll that down till the end and paste the code. Save settings. Flush cache and all set.

3. Use Content Delivery Network (CDN)

Using a cloud-based content delivery network is the best advanced WordPress speed optimization method as it can help you get lightning fast loading web pages by delivering your web pages from the nearest location.

The CDN stores your static content like JavaScript & CSS files, Images, Media files and sends them to your readers from the server nearby to their location.

As your visitors are receiving your content from their nearest server location, they could get fast loading website.
There are many best WordPress CDN providers available on the market, but I would suggest trying Cloudflare if you want to go with a free service.

Setting up the Cloudfare with WordPress is easy, and it would take less than 5 minutes as you just need to update the name server. I’m using it on my primary blog and pretty happy with its performance.

4. Avoid & Prevent Image Hotlinking

Hotlinking is nothing but the linking of images from some other website instead of uploading them to the own server. Some of the site owners think that they could save a lot of bandwidth by inline linking the images from other websites.

I would say that they are wrong as it could make their site load slowly if the site that they have hot linked is experiencing the downtime issue, or it is a slow loading website. So, stay away from hotlinking the images from other sites and be sure to upload the images to your server. If you still need to do hotlinking, choose the reliable image sites to link the pictures.

Likewise, other site owners may try to link your pictures that you hosted on your server.

As they will load the images from your server, it would put more load on the server, and if many sites put images from your site on their own, you may run out of your limit of bandwidth and slow your WordPress site down as well. Even if you have an unlimited quota for bandwidth, you won’t like someone else to use your web hosting and steals bandwidth. Am I right?

Here is the code you ought to copy and paste into your .htaccess file

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?yoursite.com [NC]
RewriteRule .(jpg|jpeg|png|gif)$ - [NC,F,L]

Other Effective Tips To Reduce WordPress Load Time

  • If you use a lot of images and videos in your blog post, you may install Lazy load plugin to lessen the page size by loading the media files only when your visitors scrolling the page.
  • Reduce unnecessary redirects and avoid using redirect plugin.
  • Don’t include too much of external scripts.

Design tips, tricks, and freebies. Delivered weekly.

Get design tips and tricks, latest news from us and some goodies for signing up.
Email Address...
Give it a try—it only takes a click to unsubscribe

You might also like...

 Plugins / Tips & Tricks / WordPress

11 Amazing WordPress Plugins for 2017

Instead of writing a regular top ten piece, I decided to focus on WordPress plugins that you probably don’t know about….

 Optimization / SEO

15 Best SEO Practices for Your WordPress Website

 All webmasters are aware that it is top quality seo practices, authoritative content on web pages that can get them high up…

 Development / Tips & Tricks / WordPress

4 Effective Ways to Help Grow Your WordPress Blog

 Many bloggers misuse the marketing concept: “If you build it, they will come.” Content may be the primary building block…

No comments

Sorry, the comment form is closed at this time.

Subscribe to Blog

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

See why people are switching to use our products. See Features Get Started
+ +

Get awesome design content

Get design tips and tricks, latest news from us and some goodies for signing up.
Email Address...
Give it a try—it only takes a click to unsubscribe
%d bloggers like this: