Improve page speed in wordpress
There are various steps involved in the process to Improve page speed in wordpress. Some of the steps are explained below to help you in improving the page speed of your wordpress website.
Here are 3 page speed testing tools which are widely used and recommended by the developers all over the globe.
- GTMetrix – Based out of Vancouver, BC.
- Pingdom Tools – Make sure when you run the tests that you click the little dropdown box and consistently choose the same city.
- Google PageSpeed Insights
1. LEVERAGE BROWSER CACHING (SEE THE ORIGINAL RULE)
Some elements of your website can be temporarily stored (cached) to make the loading easier. Loading non-cached content (HTML, CSS, logo, images) will significantly reduce the page speed. No wonder it is the number one fix for your website if you want to improve PageSpeed Insights score.
Caching for WordPress websites is managed by several free and premium plugins. I suggest trying out either W3 Total Cache (free solution, link below) or going directly for WP Rocket, which has a price tag, but still very affordable (it’s what we use on the blog).
There are two sides to this problem:
- The technical explanation: the thing you need to do is move the call to jQuery from the head of the page further down, adjusting when the call to the jQuery module is made.
3. OPTIMIZE CSS DELIVERY (SEE THE ORIGINAL RULE)
Most CSS requires extra time to download, so reducing the weight of the CSS code will also help improve PageSpeed Insights score.
If you don’t like it, you can use WP Super Minify alternatively.
4. MINIFY RESOURCES (SEE THE ORIGINAL RULE)
This process is handled well by the plugins that also optimize CSS delivery, which we mentioned in the previous point: WP Super Minify or Autoptimize. Use them to improve PageSpeed Insights score.
5. ENABLE GZIP COMPRESSION (SEE THE ORIGINAL RULE)
Continuing with the code improvements, CSS and HTML can also be compressed. This is done with GZip compression, which reduces the size of your website before sending it to the browser. This can be set in various ways:
- You can have your web host set this up.
- You can set it in your .htaccess file.
- You can enable it through your caching plugin, like the aforementioned W3 Total Cache.
6. OPTIMIZE IMAGES (SEE THE ORIGINAL RULE)
Images contribute, on average, for about 60% of a web page’s total size – this is the largest factor influencing loading times. The optimization process can considerably reduce the size of your images by removing unnecessary information, and by smartly re-compressing them using the most appropriate algorithms.
7. IMPROVE SERVER RESPONSE TIME (SEE THE ORIGINALRULE)
Slow response time may be caused by several issues: poor web hosting, web server setup, traffic overload or too many resources used. Google’s optimal server response time recommendation is set below 200ms.
Among other things, having too many poorly coded plugins may affect the server’s response times. To check which plugins are slowing your site down, use the P3 (Plugin Performance Profiler) plugin. It will give you a list of all the trouble-makers.
10. AVOID MULTIPLE LANDING PAGE REDIRECTS (SEE THE ORIGINAL RULE)
Redirects are a nice tool for getting people exactly where you want them on your website. However, unnecessary redirects will also cause delays and make it more difficult to improve PageSpeed Insights score for your WordPress site.
Google isn’t particularly fond of redirects in any shape or form. However, when you do need to use them, make sure that you have only one redirect for a single URL.
For example, avoid redirecting from
site.com/page » www.site.com/page » m.site.com/page when dealing with the mobile version.