Want sites that are lightning fast? Do they load in the blink of an eye and seem to require insanely powerful servers? You can have them, just use best practices for optimization.
What will you find in this article?
The aim of this article is to summarize all the essential steps in site optimization in one clear article. So if you go step by step – at the end you should have flash pages.
While of course many factors can slow down a site, my experience is that most of the time slowness is due to not using these things.
Minification of CSS and JS
First, it’s important to minify your CSS and JS files.
Minification is essentially the deletion of all unnecessary characters that the browser does not need for rendering and has to skip over when reading the code. These are new lines, spaces or notes.
Thanks to minification, you can reduce the size of your files and thus save data traffic between the server and the browser. Thanks to this, the site will be a hair faster, because the visitor will not be forced to download unnecessary data.
For example, you can minify your CSS with this tool
For example, I took a 19.3KB CSS file from one page and ran it through the tool. The result is a file size of 15.1 KB, which is 4 KB smaller. Minimization thus saved 21% of the original size .
And of course without changing the functionality.
Gzip compression
Gzip compression is another way to send even less data to the browser. This method can easily save 70-80% of the total size of any text file.
So this way you can reduce all your HTML, CSS, JS, XML, but also SVG files. Although SVGs are images, they are written in XML, so they are actually text. Therefore, you can also activate Gzip for them.
Most sites run on the Apache web server. In that case, just make sure you have the mod_deflate module installed. If so, your site is probably already compressed.
This can be easily detected with the Check
Enter your CSS, JS, and HTML links in the box one by one, making sure all the appropriate files use Gzip.
Client-side caching
Caching is the second most important method for fast pages . Caching in the true sense of the word is something that is used literally everywhere.
Just as your computer remembers recently closed applications so that it can open them faster in a moment, the poland phone number data browser remembers files that have already been downloaded so that it does not have to download the same thing over and over again.
For example, if you visit Interval.cz, the browser downloads and remembers all files that have caching set, and when you click on the next link, they are no longer downloaded, but loaded from your disk. Therefore, it always takes longer to load a website visited for the first time than to click through it later.
On my blog, for example, I also while resilience is a trait many of us are born with cache completely generated pages, so opening the same article a second time is literally lightning fast.
The response to the first load of one selected article took 305 milliseconds. The second loading of the same cg leads article already took only 4 milliseconds. And that’s thanks to caching .onsider most important.