Remove Query Strings from Static Resources on WordPress

Did your Website Speed analysis Test throws an alert to “Remove Query Strings from the Static Resources”? If Yes, then you are landing on the right Page. Most of the Visitors like you landed this page after testing their website on Pingdom, GTmetrix, YSlow or Google Pagespeed Insights, finding solutions to Remove query strings from static resources like CSS & JavaScript etc. Now-a-days, after the Google Panda update, Website Loading Speed is Considered as a significant factor of Search Engine Ranking. Lower is the Website loading time, better will be the Search Engine Ranking.

Caching of Static Resources like CSS and JavaScript plays an important role in page loading time. Query Strings prevents Caching of Static Resources on Proxy servers and on browsers. By Removing Query Strings from Static Resources you can enable caching of static resources and can achieve a significant improvement in page load speed with less page load time.

In order to boost the website loading time, there are several factors that plays crucial role. Among those factors, “Removing the Query Strings from the Static Resources” is also a very important factor. If you did not checked your website yet, I recommend to go GTmetrix and check your website. Try to Correct those alerts and you will see a massive improvements on Page Loading Time of your website, hence Search Engine Ranking.

So Today in this Post, I’ll discuss:

  • What are the Query Strings in WordPress code structure?
  • Why you should Remove Query Strings from Static Resources?
  • How you can Remove Query Strings and Increase your WordPress Website Speed?

 

What are the Query Strings in WordPress?

Have you ever seen an URL that are appended with ‘?’ or ‘&’ ?? For Simplicity, Query Strings Resources are the URLs with a “&” or “?” at the end of the URL. They can be seen on images, CSS and JavaScript in most cases. Most plugins affix them to their URL’s. Most of the proxy servers do not cache CSS and JavaScript resources with Query Strings even if you have optimized Public Cache Control headers.
So normally, an URL having Query Strings will look something like this:

http://sitename.com/wp-content/plugins/js/some_js?ver=3.4.2

 

Why you should Remove Query Strings from Static Resources?

As I have already explained that the Query Strings prevent caching of Static Resources like CSS and JavaScript on Proxy Servers and CDNs . This will results into slow loading of the Website. So in order to fasten up the Website loading speed, we somehow must enable caching on Proxy Servers. This could only be Possible if we remove the Query Strings (which content “?” or “&” in their URLs) from the static Resources. And once you remove these strings, this will reflect in your increased page loading speed.

 

How you can Remove Query Strings and Increase your WordPress Website Speed?

I will Provide three Solutions to Remove Query Strings from Static Resources on WordPress.

  1. Using Plugin. [Recommended]
  2. Using W3 Total Cache. [Recommended]
  3. By editing Theme’s  functions.php file. [Partial recommendation; only if you know what are you doing.]

 

#Solution 1 : Remove Query Strings from WordPress Using Plugin

Query Strings from Static Resources can be removed by using a WordPress plugin called Remove Query Strings From Static Resources. The Plugin is very small in size, so that you can use the plugin without any worry. Just install the Plugin & Activate it, and you are good to go!
This is Probably the best solution if you are a newbie, or don’t want to change or mess up with the existing theme Code. I also recommend this solution because if you add Codes on Theme’s core files, it will remove upon updating/upgrading the Theme. So it’s better to use the minimal sized plugin.

 

#Solution 2 : Remove Query Strings Using W3 Total Cache Plugin

So, What Cache Plugins are you using? I highly recommend you to use W3 Total Cache plugin to improve/decrease the Page loading time. This plugin is a well-developed and coded, which dramatically decrease your website’s loading speed. And if you are not using this plugin, I would really suggest you give it a try, you won’t regret using it.

W3 Total Cache Plugin Provides an Option to Remove the Query Strings from the Static Resources. Follow these 3 simple steps to Remove the Query Strings:

  1. Go to “Browser Cache” tab on W3 total Cache Plugin.
  2. Find “Prevent caching of objects after settings change” option under General Settings. UNCHECK it !
  3. Save settings. Now ‘Empty all Cache’  &  you are done.

 

#Solution 3 : By editing Theme’s functions.php

This Option is recommended for Pro Users. Use it only if you know what are you doing. Just Copy the Following code and paste it at the last of the functions.php file (before closing php tag).

/*** Remove Query String from Static Resources ***/
function remove_cssjs_ver( $src ) {
if( strpos( $src, '?ver=' ) )
$src = remove_query_arg( 'ver', $src );
return $src;
}
add_filter( 'style_loader_src', 'remove_cssjs_ver', 10, 2 );
add_filter( 'script_loader_src', 'remove_cssjs_ver', 10, 2 );

 

Conclusion:

Removing Query String from Static Resources like CSS & JavaScript is important, if you want to enable Caching of Static Resources on Proxy Servers and want to increase your website page loading speed. I have chosen the #Solution 3 (editing functions.php). After Removing the Query Strings from Static Resources on WordPress , I found the dramatic improvements of Page speed Grades on GTmetrix and Pingdom.

That’s all. Hope you find the Post Useful. Do share your Page Speed Grades, views & experiences regarding the above topic. And also, share which of the above method did you applied to Remove Query Strings from Static Resources on WordPress

5 WordPress Tips to Make Your Blog Stand Out

5 WordPress Tips to Make Your Blog Stand OutThe popularity of blogging increasing.It is more important than ever to get those creative juices flowing when strategizing’ about how to get traffic to your blog. In my opinion, the successful bloggers have an innate sense of creativity and as a result, They are always coming up with new and innovative ways to spray the virtual pheromones that will ultimately attract their targeted crowd.in this article you will learn 5 WordPress tips  that will help you to make your blog attractive for search engines.So how can you compete?

Here are a few proven ways to get your blog noticed, by both search engines and soon-to-be, loyal readers.

5 WordPress Tips to Make Your Blog Stand Out

1. Custom Design Your Blog

This is relatively easy to do with Word Press due to the vast library of themes and templates they have.They provide various tools that allow you to tweak the design of your blog. One of the most coolest tools of Word Press  are the various plugins ,you can customize your blog with the help of these amazing plugins.They have literally thousands of plugins, that can be installed in seconds, and have tons of cool features such as:

Providing easy to use SEO tools, Ability to add social media icons ,Automatically generate a site map for your blog ,Incorporate blog statistics such as Google Analytics ,Sync with your affiliate accounts and advertising services such as Google Adsense and Amazon Associates.

2. Posts + Static = Success

One of the reasons Word Press sets itself apart from most other blogging platforms is that you can incorporate static pages in with your blog posts. Most other blogging platforms do not have the ability to create static pages; limiting you to just blogging. Word Press gives you the flexibility to not just create a blog, but generate a full-fledged website. Strapped with the tools to turn it into a money-generator!

For example, you could write a blog post reviewing all the wonderful benefits of  a product that you are selling. Insert a link into the post that will send readers to a static page you created where they can actually purchase your product.

3. Post Regularly, and Automatically

Search engines love new, quality content. It is for this reason that blogs do very well in search engine results when compared to static websites that rarely have updated content. WordPress has a great feature that allows you to write blog posts and schedule them to be published at a future date. One strategy many bloggers use is to set aside a block of time (usually on the weekends), write a dozen posts, and schedule them to be released through-out the following week. Now, your blog is generating new content while you are off doing something else; hopefully something fun!

4. RSS Feed it

RSS feeds (which stands for really simple syndication) are a great way to generate traffic and back links, as well as for people to subscribe to your blog posts. This way, subscribers can have access to your latest posts as you publish them; giving them real-time, updated content without having to go to your blog. WordPress automatically generates an RSS feed with your blog posts so all you have to do is encourage people to subscribe to your free RSS feed.

5. Make Friends, Join the WordPress Community

This tip does not involve anything that will directly change the look of your blog, but will go along way to giving you both ideas and help. Word Press has a fantastic forum community that is a great resource for finding out what other Word Press bloggers are doing to design there blogs. What are the latest and greatest plugins being used.

It is also a great place for FAQ and troubleshooting help. Most of the people in the community are very helpful and can assist you with questions you may have; whether it be how to upload a video into a post or issues with HTML coding. You definitely want to take advantage of this great resource.

I hope you enjoyed the article 5 WordPress tips to make your blog stand out with. Plz Subscribe our newsletter to get our latest post in your email.

16 Great Plugins to Enhance Your WordPress Blog

16 Great Plugins to Enhance Your WordPress Blog

The biggest difference between a Blogger (blogspot) and a WordPress blog is the use of custom plugins. These plugins have made WordPress blogs better in terms of functionality. Believe it or not, a lot of WordPress blog owners depend a lot on plugins. If you understand the structure and the codes, you can even make your own WordPress plugin.

How flexible! This additional piece of codes can benefit both you and your readers.

There are a lot of custom ready made WordPress plugins available to feed your needs. Here is a list of 16 great plugins which I think is really useful (however some are optional)16 Great Plugins to Enhance Your WordPress Blog

16 Great Plugins to Enhance Your WordPress Blog

[1] Adsense Manager

Control and arrange your AdSense & Referral blocks on your WordPress blog. With Widget and inline post support, configurable colours. If you monetize your blog with Google Adsense, this is a good plugin that allow you to add your Google Adsense ads using widget.

[2] Akismet

Akismet checks your comments against the Akismet web service to see if they look like spam or not. You need a WordPress.com API key to use it. You can review the spam it catches under “Comments”. By deafault, this plugin is included in every WordPress.org blogware. All you need is the WordPress.com API key to activate this feature. Signup an account in WordPress.com to obtain the API key. Without this plugin, you will receive a lot of spam comments when time pass by.

[3] WordPress SEO by Yoast.

This is a great plugin for your website SEO. This make it easier for you to introduce SEO (Search Engine Optimization) to your blog.

[4] Anarchy Media Player (AMP)

Plays mp3, flv, mov, mp4, m4v, m4a, m4b, 3gp, avi, asf and wmv hypertext links directly on your webpage. Adds buttons to the post editor for embedding swf movies including Google Video etc. I love this plugin. I found it really useful when you want to insert media content to your blog post. An essential tool for music blogs and video blogs.

[5] CommentLuvPlugin

This Plugin is to show a link to the last post from the commenters blog in their comment. Just activate and it’s ready. You must be grateful to your loyal readers. To show your appreciation, why not give them some link love? When your reader enable CommentLuv when they post a comment in your blog, their latest blog post link will be added at the end of his/her comment too.

[6] Enhanced WP-ContactForm

WP Contact Form is a drop in form for users to contact you. In the message it sends to you it gives the page the user visited before the contact page, as well as the original outside referer. It can be implemented on a page or a post. It would be easier for your readers to contact you by using this feature if you embed it in your blog. The “Contact” page of this blog is an example.

[7] Flexible Upload

Resize picture at upload and make thumbnail creation configurable (like WP1.5), optionally include a watermark to your uploaded images. This is casino spiele really a great plugin for those who upload their pictures directly to their host via the WordPress platform. It is really flexible as you can set the resize pixel of your image, add watermark automatically to your images, multiple uploads at once, and many more.

[8] Highlight Author Comment

Automatically applies a distinctive style to comments by the post’s author. This is an optional feature. It helps to differentiate the author”s comments/feedback among the readers” comments. You can customize how your comment via CSS. Here is an example of using this plugin. Notice the author”s comment is in outstanding pale green background.

[9] KG Archives

This is definitely a great plugin to sort out your archive. It will be really handy when you have a lot of archives made up by old posts. You can configure how your archive page look like.

[10] My Avatars

This plugin allows you to add avatars to WordPress comments. Yet another optional plugin, but can add some colors to your blog.

[11] Random Redirect

Allows you to create a link to yourblog.example.com/?random which will redirect someone to a random post on your blog, in a StumbleUpon-like fashion. When you have a lot of old posts, it is likely that your new visitors will miss out those wonderful old posts of yours. This plugin enable you to add in the code and let your readers read any random post from your archives.

[12] Similar Posts

Displays a list of posts similar to the current one by comparing the way they use words. This can bring your readers further to any related/similar posts.

[13] Sociable

Automatically add links on your posts to popular social bookmarking sites. These little color icons make it easy for your readers to bookmark your posts to their bookmarking sites. There is a variety of bookmarking sites icons to add on. It also make your blog more cool.

[14] Subscribe to Comment

Allows readers to receive notifications of new comments that are posted to an entry. This is a great feature so that your readers can receive updates on any new added comments to the post that they have subscribed.

[15] WP AJAX Edit Comments

Allows you and your users to edit their comments inline. Admin and editors can edit all comments. We often make mistakes. Sometimes when I leave comment in other blogs, I make some typo mistake, but I am not able to edit my comment. With this plugin, your commentors will be able to correct their mistakes made in your blog.

[16] WP-PageNavi

Adds a more advanced paging navigation to your WordPress blog. I love this plugin very much. When you have a lot of old posts, it makes it easier for your visitors or even yourself to navigate around your posts.
These are the basic great plugin that you should consider using in your WordPress blog. Feel free to try them out yourselves.