Web Development Intermediate

What is Brotli Compression?

A modern compression algorithm developed by Google that achieves better compression ratios than Gzip for web content delivery.

Brotli (br) compresses web assets 15-25% better than Gzip at comparable speed. It uses a combination of LZ77, Huffman coding, and a built-in dictionary of common web content patterns (HTML tags, CSS properties, JavaScript keywords). Most modern browsers support Brotli via the Accept-Encoding: br header. Web servers like Nginx (ngx_brotli module), Apache (mod_brotli), and CDNs (Cloudflare, Fastly) support Brotli compression. Brotli levels 1-4 are suitable for dynamic compression, while levels 5-11 are for static pre-compression. The built-in dictionary gives Brotli a significant advantage for small files where Gzip struggles to find patterns.

Learn More About This Topic

JavaScript ES6+ Modern Features

Related reading

JavaScript Fundamentals

Related reading

Laravel Framework Fundamentals

Related reading

Related Terms

Google's metrics for measuring user experience quality, including loading speed, interactivity, and visual stability of web pages.

A technique that delays loading non-critical resources until they are needed, improving initial page load performance.

API (Application Programming Interface)

A set of rules and protocols that allows different software applications to communicate and exchange data.

SPA (Single Page Application)

A web application that loads a single HTML page and dynamically updates content without full page reloads.

HTML elements in the page head that provide metadata about the document for browsers, search engines, and social media platforms.

A query language for APIs that lets clients request exactly the data they need, reducing over-fetching and under-fetching.

View All Web Development Terms →