Published on October 12, 2021 Updated on June 13, 2024

Methods to make your website faster

Hello, fellow devs! In this article, I will tell some awesome tips to make your website faster. So, before we start, let’s brainstorm why the speed of the website is important.


So, Why the speed is important?

Imagine you are searching in Google. Normally, it takes about 1-2 seconds. But, what if it takes more than 1 or 2 seconds? You know right? So that’s why speed is important. Let’s see how to make our websites faster.

Use Cloudflare

My first tip is to use Cloudflare. Why? It’s because it offers you page cache, CDN and also a Firewall. Tronic247 also uses Cloudflare. See this report to see how fast it made my site.

Lazyload! Don’t be lazy

And another thing is lazyloading. As the title says it’s the process of running or loading images, videos, embeds, etc when we scroll to it. Check out this link to learn more about lazyloading.

MDN Web Docs

Compress images

And another important thing is to Compress images. For example, open this image. Pretty fast huh? Now open this image. Oh.. you get it? The first image is compressed. The second image is just the high res image. That’s why compressing images also should be done.

Cache Pages

This step is very easy if you have Cloudflare, Caching is saving the page’s content in the browser’s cache when the visitor visits a page the first time.

How caching works and helps to increase speed

If you want to see a live example. Open in a new private window. Then open a new tab and close the tab you opened first. Then, again go to Now you will experience the speed.


As the title says Pre-Load. What happens when you hover a link? An ajax request sents to the page and the page is preloaded and saved in a cache and when the user clicks, the browser will use the cached version! These snippets may be helping you.

Preload Google Fonts

<link rel="preconnect" href="" crossorigin />
<link rel="preload" href="" as="style" />
<link rel="stylesheet" href="" />

Make sure to change “Roboto” to your font.

Add this small snippet and your website will work fast as a rocket!

<script data-no-instant>

And that’s all you need to add! The script will do its thing.

Use a CDN

Lastly, I recommended you use a CDN. It’ll save your website’s bandwidth. So the requests to your website get decreased and the page will be fast.


Now that you know how to speed up your website, go on! Try the thing I said. And comment down there.

Something wrong or just found a typo? Edit this page on GitHub and make a PR!