4 documents tagged with “Images”
Images are the Images.
Lazy-loading Images: A Detailed Guide
Lazy loading is a foundational and highly effective way to speed up page loads. We recommend conservatively deferring all images outside the first viewport. Be careful applying lazy loading to images that are LCP elements, as it can actually hurt speed.
CLS: How to Keep Element Heights (Images, JS Components, Iframes…)
This article explains why and how to ensure element dimensions at the HTML or CSS level for elements inserted asynchronously, such as <img>, <iframe>, or JavaScript components.
Image Optimization: Kilobytes, Pixels, and Milliseconds
Even everyday site owners can tame their images and make them work for you. Use WebP or AVIF, compress well, and don’t forget lazy loading.
WebP Images: Saving precious kilobytes
Page load speed is often measured in seconds. The WebP image format can be the secret weapon to trim kilobytes and push performance toward perfection.