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

A two-dimensional CSS layout system for creating complex grid-based designs with rows and columns.

JavaScript Object Notation — a lightweight data interchange format that is easy for humans to read and machines to parse.

SEO (Search Engine Optimization)

The practice of optimizing websites to rank higher in search engine results, increasing organic traffic.

Software that sits between the request and response in a web application, performing processing like authentication or logging.

Hypermedia As The Engine Of Application State — a REST constraint where API responses include links to related actions and resources.

SPA (Single Page Application)

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

View All Web Development Terms →