If you’ve just started blogging and have a new site hosted on a simple sharing host, offering a cool theme with more than a few eye-catching images and animation, that doesn’t have to mean that your site has to run slowly. There are a few standard solutions that you can apply to significantly improve the loading speed. Even if you’re a complete beginner and don’t know a lot about WordPress, you can still do it by yourself. No need for any extra costs or additional engagement with the developer. Here are some basic and easy steps to follow just check our website’s loading speed guide.
Step One: Test Site Speed
There are couple of online tools that I often use for site-speed testing. You should perform testing multiple times, so pay attention to the most important numbers as you will need to compare them at the end and see how significant an improvement has been made.
Step Two: Image Size and Quality
The first suggestion that you will receive from testing tools would be to optimize and scale your images. A lot of beginners make the same mistake; they use images directly from cameras, without any optimization. You should open an image in any image editor that you have on your computer, with the scale size of the image being smaller than 2000 px wide in most cases. But images can be even smaller depending on where you are going to place them, whether as the header, content image, sidebar image, etc. Following this, you can scale them even further.
Then you should save the images in JPEG format if you are using photos or in PNG format if you are using illustrations. When you‘re saving images pay attention to compression or JPEG quality. For the Web, most images will work perfectly well if they are 80% compressed. For some images, even 50% compression will be fine. Again, test it out and see if the photos still look acceptable.
There are also plugins that can help you with this, and I would personally recommend Smush Image Compression and Optimization and EWWW Image Optimizer. You can define image compression for newly uploaded images, optimize already uploaded images and even limit the maximum image size that can be uploaded. This is certain to speed up your site and make it run faster without having to think about using an image editor.
Step Three: Using Plugins for Site Optimizing
Autoptimize is one of the best optimizing plugins that we ever used. It can minify and cache scripts and styles, it injects CSS into the page header by default, and can move and defer scripts to the footer (all these things make site loading faster). It can even optimize Google Fonts and images.
Perform the same testing with Google Fonts. Also, if you are not using emojis, you can disable the default script. And we also recommend removing query strings (URLs that contain either ? or &).
Voila! Once you’ve completed the settings you can test your site again. The results should be much better. Some additional advice would be to pick a theme for your site that is “retina-ready”. This means that every element of the theme is defined by code, and doesn’t use images for web elements, so your site should load very quickly. All themes from our store are retina-ready, so if you’ve decided to use one of our themes, that aspect of site speed should be fully covered.