Used modern image formats

Talk big database, solutions, and innovations for businesses.
Post Reply
samiul123
Posts: 17
Joined: Sat Dec 21, 2024 3:33 am

Used modern image formats

Post by samiul123 »

According to research, 28% of web page space is taken up by images. That is why we always pay special attention to this issue. JPG is good for storing full-color images, and PNG is good for storing schematic simple drawings. The possibility of using the more modern WebP should also not be forgotten. These principles were ignored on the Customer's website, which we corrected.

Removed display blocking resources

We found unnecessary CSS and JavaScript resources. It turned out that they were delaying the loading of images. The browser did not display the page until the unnecessary code was processed. It should be noted that this is a very common problem. We perform this task every time we need to improve performance.

We explicitly set the width and height attributes

Some images on the Customer's website "jumped", changing their location during the loading process of the web resource. This was due to the fact that the system needs to calculate the parameters of the place required to display the image. This is why the width and height attributes should be used - they allow you to avoid this. In fact, not everyone pays attention to this. But we are ardent supporters of maximum web performance and consider this important. After all, "jumping" images and formatting whatsapp numbers database that is corrected during the loading process are unacceptable from the point of view of usability.

Configured to show all text while loading web fonts

Many users skim content very quickly. It is important that texts are shown to the visitor immediately. And on the Customer's website, some texts were not shown until the fonts were loaded.

Reduced the impact of third-party code

Image

Third-party code is something that is not directly related to the site structure. This includes social media buttons, transitions, trackers, advertising, analytics, etc. As it turned out during the audit, the developers treated this issue rather frivolously.

In general, such a problem often arises when the administrator independently tries to make the web resource more efficient and adds the necessary codes without knowing how to do it correctly.

Set rules for efficient use of cache for static objects

We carefully configured the .htaccess file so that static elements are saved in the cache on the user's device. This way, some of the site data will not be downloaded from our service on subsequent visits, but will be loaded directly from the device. Of course, this provides additional acceleration.
Post Reply