Skip to main content

Unique Ways to Improve WordPress Blog Loading Speed

Unique Ways to Improve WordPress Blog Loading Speed  阅读原文»

OK you might already know the most basic tips in improving WordPress blog speed which are:

a.) Using caching plug-ins
b.) Using gzip plug-ins
c.) Implementing Content delivery network (CDN)

There are a lot of tutorials on these topics found in the web. However this post would look into the less-talked approaches on how you can improve your WordPress blog loading speed. Let's get started.

Use Google Libraries for JS framework like jQuery

Most WordPress blogs and plug-ins use jQuery framework to add JavaScript effects on the site. jQuery can reduce JavaScript coding time and make can you efficient at coding JavaScript whether you will be using it in your theme or in a plug-in.

The following are some of the causes why a JS framework like jQuery can slow down a WordPress blog:

a.) If it's sent by the server to the user browser uncompressed. The file size is obviously bigger and takes a longer time to be loaded completely.

b.) If it's hosted in your own server then the latency or ping is higher for those users accessing your site that is located very far from your server.

Solution: The best solution is to use Google Libraries plug-in.

This plugin would automatically change all jQuery references (or even other JS libraries such as Mootools, Prototype, etc.) from your own server to use Google hosted libraries. So instead of having a jQuery reference to the default wp-includes/js/jquery, it will be changed FROM:

<script type='text/javascript' src=''></script>


<script type='text/javascript' src=''></script>

If it some instances, it won't work even after clearing the cache. Refer to the troubleshooting points:

1.) Open your theme functions.php and remove this line:

wp_enqueue_script( 'jquery' );

2.) Since you are now using Google libraries, it would be automatically replaced with:

<script type='text/javascript' src=''></script>

This is initially found in the head section of your HTML source code.

3.) Some themes loaded their own jQuery in the head section. You can open the header.php of your template and try removing all those jQuery references (do not forget to back up your original header.php). Your objective is that there is only one jQuery line or loaded in your template.

Move JavaScript to the bottom and CSS on top

One essential technique is put all JavaScript at the bottom and leave the CSS at the top (header section). The primary reason is that JavaScript would block parallel loading of elements.

Ideally, you would put the JS files in the bottom so that it won't interfere with the loading process. Also you should put all CSS references in the head section for efficient loading of stylesheets.
To transfer JS elements on the footer (e.g. jQuery) follow the steps below:

1.) Go to your themes functions.php.
2.) Back up your functions.php script.
3.) Open your functions.php and paste the following code in the top most part of the script.


//First remove all JS loaded in the head section

remove_action('wp_head', 'wp_print_scripts');
remove_action('wp_head', 'wp_print_head_scripts', 9);
remove_action('wp_head', 'wp_enqueue_scripts', 1);

//Load JS at the footer of the template

add_action('wp_footer', 'wp_print_scripts', 1);
add_action('wp_footer', 'wp_enqueue_scripts', 1);
add_action('wp_footer', 'wp_print_head_scripts', 1);?>


4.) Upload or save the changes to functions.php.
5.) Reload your page. If you are using a caching plugin, you need to delete the cache and delete your browser cache/history. Reload it again.
6.) JS files like jQuery should now be located in the footer section of your template such as:

<div id="footer">
<script type='text/javascript' src=''></script>

Reduce Webpage Loading size and Optimize database

Even if you have cached and gzip your blog, things can still be slow if your webpage is very large in size. What makes a very large web page?

1.) Things that are loaded by WordPress in your wp_head() which are unnecessary and clutters the head section of your template.
2.) Unused references to JavaScript and plug-ins.
3.) Very large image sizes.
4.) Lots of cluttered/useless information in the WordPress MySQL database.

To solved these issues.

A.) Removing a cluttered WP Head
1.) Edit your theme functions.php script.
2.) Copy and paste the code below:

remove_action( 'wp_head', 'feed_links_extra', 3 );
remove_action( 'wp_head', 'feed_links', 2 );
remove_action( 'wp_head', 'rsd_link' );
remove_action( 'wp_head', 'wlwmanifest_link' );
remove_action( 'wp_head', 'index_rel_link' );
remove_action( 'wp_head', 'parent_post_rel_link', 10, 0 );
remove_action( 'wp_head', 'start_post_rel_link', 10, 0 );
remove_action( 'wp_head', 'adjacent_posts_rel_link', 10, 0 );

Make sure the place the above code in the top-most part of your functions.php. See screenshot below:

3.) Save the changes and upload it back to your WordPress server.
4.) Reload any of your WordPress post and see the HTML source code. You should not see anymore those not so useful dynamically generated HTML tags such as the WP meta tag generator like this:

<meta name="generator" content="WordPress 3.3.1" />

Bear in mind that if you do not see these changes because you might be using a caching plugin and you need to clear it first.

B.) Removing unused JavaScript files, etc.
Your theme might be loading some JavaScript framework but it's not using it. To confirm by looking at the source code and examine the presence of the following JS framework. Example:

a.) Moo tools

<script type="text/javascript" src=""></script>

b.) Protoype:

<script type="text/javascript" src=""></script>

Another tips is that you can remove unused plug-ins (delete them from your WordPress plug-in directory). You can also remove redundant plug-ins and use the WordPress built-in functionality if it is provided. A good example is the following plug-ins:

a.) Canonical URLs plugin � WordPress has a built in link rel canonical support, so it's good to disable this to save some overheads.

b.) Wp-spamfree- WordPress has Akismet so try installing Akismet only for anti-comment spam. Another plug-in can introduce some JS or CSS in the head of your template which can slow down website loading.

2.) Duplicate jQuery loaded.

These are caused by the plugins which does not properly call jQuery in their source code resulting in duplication. You can either contact the plugin author to rewrite it or remove the duplicate jQuery loaded if you know some coding.

You can as well replace the problematic plug-in with other compatible/cleanly coded plugins.

C.) Reduce Image sizes

The standard image dimension depends also on the width of your WordPress post. However you have two methods here. Using plug-in to reduce image sizes:

Method1.) Use WP-Smush it plugin: This will reduce the image file size without dramatically reducing the quality of your WordPress post images.

Method2.) Don't use a plugin. Instead download your entire WordPress post images to your desktop and manually convert the image file sizes to uniform/compressed sizes such as 20KB.

So in this example, if you have 80kB images, 75kb images, etc; it will all be converted to 20KB using an image processing software such as Irfanview (with RIOT plugin enabled).

The disadvantage of method 1 is that it adds additional plugin which can increase the overhead of your WordPress server (CPU and memory usage). On the other hand, the disadvantage of method 2 is that reducing all images to a uniform file sizes such as 20KB or 25KB can dramatically affect the image quality on some images.

D.) Optimize WordPress MySQL database

This is really simple. Over time your MySQL database can have cluttered/useless information left by spam commen


该邮件由 QQ邮件列表 推送。
如果您不想继续收到该邮件,可点此 退订


  1. The Wordpress themes are already responsive root. Blogger needs further improvement, as it is far from being a perfect platform. For more info click here now get about web hosting..

  2. Your post is really awesome. Your blog is really helpful for me to develop my skills in a right way. Thanks for sharing this unique information with us.
    - Digital marketing courses in Bangalore

  3. very good article o the wrodpress subject

  4. This comment has been removed by the author.


Post a Comment

Popular posts from this blog

How to find ideas to post new article in your blog

How to find ideas to post new article in your blog    阅读原文»   It is true that sometimes being a blogger may face situations where I would personally like to call it your brain juices got dried up as you have pretty much ran out of topic to blog and you are in crisis as your readers are anxiously waiting for your new posts but you are unable to give in. That’s when you will probably come with excuses like I just posted last week although that post was more directly towards the newbies who stop themselves from making money but it’s still pretty much the same even though you consider yourself not a newbie. The fact is that ideas are everywhere and I mean everywhere if you know where to find it and know how to leverage it. You may be surprised that sometimes these ideas are just right in front of you but you are not observant enough to convert these ideas and turn it into your blog post. Today I will share some tips on where to get these ideas and most of it is part of your dai

Over A Year After Android Launch, ShopSavvy Finally Comes To The iPhone

ShopSavvy was one of the best early Android applications. It launched in October of last year after winning one of the initial Android Developer Challenge top prizes (when it was still known as GoCart). But despite the success it has seen on Android, one question remained: When would it be available for the iPhone. Today, it finally is. Developed by the guys at Big In Japan , ShopSavvy is an app that allows you to use your device as a portable barcode scanner. You point your phone's camera at any barcode and it will read it, do a product look up, and give you information about the product, as well as where you can find it online or at nearby stores and for how much. Obviously, something like this is a window shopper's dream. ShopSavvy was one of the best early Android applications. It launched in October of last year after winning one of the initial Android Developer Challenge top prizes (when it was still known as GoCart). But despite the success it has seen on Android, o

Lindsay Lohan Breakup Confirmed by Lohan, Locksmith, Police [Gossip Roundup]

Farewell, last season's Suri Cruise fashions. Goodbye, Amy Winehouse's bathing suit. Adieu, humanoid version of Lauren Conrad. And so long, LiLo and SamRon's fairytale romance. Lindsay Lohan confirmed her split with Samantha Ronson and insisted the decision was part of a very healthy and mature effort to " focus on myself ." Upon hearing this, Ronson changed her locks and discussed a restraining order with police, so confident was she in Lohan's ability to turn productively inward. Lohan promptly had a run-in with the police . Who would have imagined such a messy breakup for this model relationship? Courtney Love's lawyer, on her client's drug-fueled plunge into broke-ness: ""Courtney noticed the money was gone when there wasn't any left." Deadpan gallows humor: the only possible response to having Courtney Love as a client. (Besides asking for a hefty retainer.) [ P6 ] Before Lauren Conrad's contract expired in March, MTV