Volume 199 - LCP, CLS, Perfect Images, and More!

Hope the following links are helpful to you! If you have feedback on the format or content, please hit “reply” and let me know.

Optimising Largest Contentful Paint

Largest Contentful Paint (LCP) is Harry's favorite Core Web Vital. It’s the easiest to optimise, and it’s the only one of the three that works the exact same in the lab as it does in the field. Learn more about how it can affect your page speed.

The Duality of CLS with Lazy Loading Components

Does lazy-loading components help with Cumulative Layout Shift (CLS)? If so, how much? Here's a practical look at CLS and lazy-loading.

Picture perfect images with the modern element

Images are one of the most pervasive parts of the web. This isn’t a huge surprise as we humans are quite visual and the tag has been around for almost 30 years. With modern HTML, you can do some surprising visual things with images on the web!

Cool Hover Effects That Use Background Properties

This is part of a CSS-Tricks series on "Cool Hover Effects." You may not need them right away, but these techniques make handy inspirations for future projects!

ECMAScript proposal “Change Array by copy”: four new non-destructive Array methods

JS array methods reverse, sort, and splice all change the original array. Here's a proposal for methods that allow the same operations without changing the original array.

Cheers!

James