How to improve your website's page speed?
Have you ever had that feeling that you want to close the tab just because it takes ages to load? Time to consider optimizing your website page speed.
To get started, you can evaluate your page speed with Google's PageSpeed Insights. Simply enter your site URL and get hints on what needs to be improved. 😉
Luckily, Subbly takes care of such serious stuff like rendering blocking JS, leveraging browser caching, enabling compression, minifying CSS and JS, improving server response time, thanks to Cloudflare.
We assume that you have already connected your website to Cloudflare. If not, we strongly recommend doing so, otherwise this article won’t help you in your optimization endeavors.
Please follow these step-by-step guide to improve your website overall performance:
- Select your website in ‘Cloudflare Site Selection’ dropdown
- Scroll down to ‘Rocket Loader’ and enable it
- Now find the ‘Browser Cache Expiration’ section from the ‘Cache tab’ and choose 8 days (recommended) from the dropdown
- Now find the ‘HTTP Strict Transport Security’ (HSTS) section from the ‘Crypto tab’, hit enable HSTS and follow the steps on the wizard. On the second step, called ‘Configure’, enable all the options. Make sure to choose 1 month expiration in the section called ‘Max Age Header’ as well.
The file size of the images does matter and may seriously affect your loading speed. The optimal size for website images is around 500-1000KB, so we have a restriction for uploading images to 5MB. If your image is too large by its pixels, use image editors, like Photoshop, to resize them to real sizes to further use them on your site. You can also opt for the Image Editor on your Media App to resize them on the go.
Mind the quality, though.
So here visual content compressing tools are a good option. We strongly recommend using online tools like TinyPNG, to reduce your PNG or JPG file size.
For gifs, you can go with Ezgif.s
Well, using uniquely picked typography is a great way to improve text readability or highlight important text content. But too many different fonts will not only have a negative effect on your site’s overall design, but also the page speed. That’s why we recommend being careful with them, more than 3 fonts is already too much. ❗
Solution: Remove all the unnecessary fonts from Dashboard > Fonts App. There is a tiny little indicator in the upper right corner of the Fonts App that displays how you existing fonts collection impacts your website speed.
That's it! Keep an eye on your results and keep improving your visitors’ experience on your website. 😎