In this case, the icons are about 1.2kb each, so they are pretty small

Exclusive, high-quality data for premium business insights.
Post Reply
Rina7RS
Posts: 573
Joined: Mon Dec 23, 2024 3:46 am

In this case, the icons are about 1.2kb each, so they are pretty small

Post by Rina7RS »

You might be thinking, “That’s less than 5kb combined – you should be looking for more critical issues!”, but on larger SVG images it can make a big difference.

Inline images
GTMetrix recommends inlining small portions of CSS or JS, but does not mention inlining images. Images can also be inlined, and sometimes this may be the right approach.

If you consider that even very small image files require new zealand mobile database a full round trip which can have a very real impact on speed , then even for small files the full round trip can take a long time. In the Cineworld transfer image above, I simulated a "fast 3G" connection and saw this:


The site doesn't use 2 so there's a long wait, and then the image 1.2kb takes almost 600ms to load no 2 also means this blocks other requests. There are three of these images so between them they can have a real impact on page speed.

However, we have now compressed them down to only a few hundred bytes each. SVG images are actually composed of tags in a similar way to HTML:


You can actually drop SVG markup directly into your HTML document!

If we do this for all three transmitted images, the compressed HTML for this page sent from the server to the browser will increase from 31,182 bytes to 31,532 bytes – an increase of only 350 bytes for all 3 images!
Post Reply