If you are reading this post, then you are probably looking for tips how to improve site performance, especially WordPress sites. In this post, I will mainly focus on some the ways, that can be used to make your WordPress website load faster. Before, diving into actual ways, lets see how your website is made up of.
Any website contains:
- Content ( Text is what I am talking here)
- Links (Hyperlinks)
- Videos etc
- HTML markups
Every time page loads up, browser makes HTTP requests to server to get some/more or less of these resources. To make WordPress website load faster, we have to optimize our code, structure, content in the way that takes minimum time to load from server. And how can we do that? Here are some of the ways.
In addition to this, when working with WordPress website, we know we have integration of several modules namely, WordPress Core , WordPress themes, and WordPress Plugins. All these modules work together, to make your WordPress site come alive. Now, lets dive into optimization techniques to increase your WordPress performance.
STEP: 1. Image Optimization
I listed images Optimization as the first step because, most of the clients whom I worked for had bad load time due to heavier images. Whenever you load any images, all the images are requested from server, and larger is the image, more time it takes to render and slower will be your page. In WordPress there are several WordPress plugins that allows to optimize your images at bulk, individually or other ways. I don’t really recommend extra plugins to this task but if you are plugin maniac, here are lists of plugins that you can use.
- WP_SMUSH most widely used image optimization plugin. Site performance tool GTmetrix.com also recommends WP Smush.it as one of their optimization tips for WordPress sites.
- EWWW Image Optimizer
- CW Image Optimizer
- There are other good image optimizer plugins that can be used. Here is a good post to find top 10 image optimizer plugins.
As the proverb says, prevention is better than cure I prefer to optimize the image manually while writing the posts or pages or any Custom Post types. How, I do that, here are some ways to do image optimization.
- By using Photoshop: Open the image in photoshop, and click on File and save for web. Here you can choose png-8 format and exact size that you need for the website and then you can save your image with contextual names.
- You can also use online image optimizers like dynamic drive. I do use both of the tools to optimize the images.
STEP: 2. Compression /Minification
Another important aspects of website performance is compression. There are various things to keep in mind:
- Minify JS
- Minify CSS
- Minify HTML
- Minimize redirects
Lets go with each of them one by one.
- Minification can further enhance compression of external JS files and of HTML files in which the JS code is inlined.
- Smaller files can be loaded and run more quickly by web browsers.
Every redirect triggers an additional HTTP request-response cycle and add round-trip-time latency. So, it is considered better performance wise to reduce the number of redirects.