This way you avoid wasting data
Posted: Sun Dec 22, 2024 8:50 am
lazyload images
It is better to load photos and videos only when needed. LazyLoad is based on this principle and is increasingly being integrated by default into CMS. In reality, today the use of LazyLoad can be easily implemented on all web pages with a simple attribution of a loading=lazy tag .
<img src="image.png" loading="lazy" alt="…" width="200" height="200">
With a little bit of code effort, you can apply this step to every image and video. On the other hand, there is no point in loading elements that the user may never see (it is not worth it).
, a particularly important point for those who surf on slow and limited connections. And, above all, you have a page that loads with a higher speed.
Compression
We should not think that optimizing the visual to be italy business email list published online is only a matter of reducing weight. However, it is also true that this is a fundamental component for having faster web pages.
So able to load in less time. You know that this is a fundamental condition to improve SEO positioning and usability. But how to proceed in a structured way?
First of all, it is important to understand one point: for images, as well as for video and audio, it is possible to talk about lossy compression without affecting the result.
We are referring to a lossy treatment that allows you to eliminate what is not needed. A bit like when you resize the image making it smaller and adapting it to the maximum size necessary.
Depending on how the eye processes information, we can discard some information for each pixel to reduce the size of a photo. But the image can also be processed with a lossless step that compresses the pixel data without discarding new information.
So, how to compress images? The easiest way, according to Google, is to use the WebP format which already offers a very small weight. For other formats you can work with different steps:
It is better to load photos and videos only when needed. LazyLoad is based on this principle and is increasingly being integrated by default into CMS. In reality, today the use of LazyLoad can be easily implemented on all web pages with a simple attribution of a loading=lazy tag .
<img src="image.png" loading="lazy" alt="…" width="200" height="200">
With a little bit of code effort, you can apply this step to every image and video. On the other hand, there is no point in loading elements that the user may never see (it is not worth it).
, a particularly important point for those who surf on slow and limited connections. And, above all, you have a page that loads with a higher speed.
Compression
We should not think that optimizing the visual to be italy business email list published online is only a matter of reducing weight. However, it is also true that this is a fundamental component for having faster web pages.
So able to load in less time. You know that this is a fundamental condition to improve SEO positioning and usability. But how to proceed in a structured way?
First of all, it is important to understand one point: for images, as well as for video and audio, it is possible to talk about lossy compression without affecting the result.
We are referring to a lossy treatment that allows you to eliminate what is not needed. A bit like when you resize the image making it smaller and adapting it to the maximum size necessary.
Depending on how the eye processes information, we can discard some information for each pixel to reduce the size of a photo. But the image can also be processed with a lossless step that compresses the pixel data without discarding new information.
So, how to compress images? The easiest way, according to Google, is to use the WebP format which already offers a very small weight. For other formats you can work with different steps: