performance.md

Mastering Performance

Web performance refers to the speed in which web pages are downloaded and displayed on the user's web browser. Web performance optimization, or website optimization is the field of knowledge about increasing web performance.

Auditing

• 📖 Discover performance opportunities with Lighthouse

Images & Videos

• 📺 Optimise page load time: icon font or SVG?

• 📖 Native lazy-loading for the web

• 📖 Use Imagemin to compress images

• 📖 Replace animated GIFs with video for faster page loads

• 📖 Use lazysizes to lazyload images

• 📖 Serve images with correct dimensions

• 📖 Use WebP images

JavaScript

• 📖 Apply instant loading with the PRPL pattern

Mobile

• 📺 Mobile Optimisation Tips for Lightning-Fast Mobile Sites

Preloading

• 📖 Using Preload and Prefetch in Your HTML to Load Assets