Website Speed is defined as how fast your website will take to fully load your website’s contents and resources. We have seen many developers struggle to keep their website load time at a minimum. You may find other tutorials which are suitable for you and the ones we are sharing works for us. There is no single solution for website speed as different websites are configured differently as they ran on different platforms.
However, do give our method a try and if it does work, we are happy for you! But in any case, if it doesn’t work for you, do feel free to contact us and we’ll be glad to help you with your website speed.
1. Eliminate Render-Blocking Scripts
The plugin that works best for us is Autoptimize. With the correct settings, you are able to completely eliminate all errors in Eliminating Render-Blocking Resources. If you decide to use Autoptimize plugin, be sure to get the Autoclear Autoptimize Cache. This plugin will automatically clear your cache when it reached a certain limit, which you can set (128MB, 512MB, 764MB or 1GB). Always start with the largest and work your way down if it doesn’t work for your website. We set our maximum cache files at 128MB.
inPixelHaus Website without Autoptimize
inPixelHaus Website with Autoptimize
The result depends on the setting of the plugin. Every website works differently, so be sure to check your website to ensure that each enabled items does not break your website.
2. Optimize Web Images
Most of the time, images are the main culprit for website’s speed. This is because users may not know the exact size of an image that is required and often, they upload large image files. Now you don’t have to worry because we will provide you with a general guideline.
Generally, your website is 1200 pixels wide (this is just a gauge as different website differs from each other), so your image width will be as follows:
- Full-Screen Image: 1200 pixels wide
- Half-Screen Image: 600 pixels wide
- A Third-Screen Image: 400 pixels wide
- A Quarter Screen Image: 300 pixels wide
- Thumbnails: 150 pixels wide
Now that you got some reference for your image width, it doesn’t stop here. If you are using Photoshop, you can save your image for website: File > Export > Save for Web
Note: If you are saving for JPEG, you can adjust the quality to 60%
Once you got your image exported, you still have to compress those images because at times, images stored data files which are useless to the web and it should be removed to save more bytes.
Apart from manually compressing your images, there are plugins which will automatically compress your images. We have tried both Smushit and ShortPixel Image Optimizer and they are great. Both plugins are free and have an option for you to go pro as well.
Smushit has no limit as to how many images it compresses but for the free version, you can only compress 50 images at a time. Meaning if you have 1,000 images, you have to click compress 20 times (1,000/50). However, if you do not have the time to do that, you can go for the pro option and it will compress all your images in a single click.
On the other hand, ShortPixel offers greater options such as compressing images and PDFs as well. The free version allows you to compress 100 images per month, meaning if you have 1,000 images, you have to do it across 10 months (1,000/10). You can speed up the process and compress more images in a month when you refer someone to use ShortPixel.
We would strongly recommend you to use ShortPixel. Even though there is a limit, the functions are great to optimize your images.
Test Your Website's Speed
To have a fair analysis for your website speed, you can use GTmetrix. This is a free tool that will tell you what you should improve to get a better page speed and which files are slowing you down.
On top of that, you can also test the speed of your website on mobile. Google has introduced Test My Site – Think with Google. It will test your website’s speed on 3G network as Google predicted that the majority of the global users are still on 3G network until the year 2020. It will estimate the percentage of visitor loss due to loading time and provide you with an industry comparison. Now you know where you stand against your competitors!