TLDR Dev · ARTICLES & TUTORIALS
HIGH-PERFORMANCE SYNTAX HIGHLIGHTING WITH CSS HIGHLIGHTS API
Summary from the TLDR Dev newsletter
The CSS Custom Highlight API is a performant alternative to traditional syntax highlighting methods that rely on numerous DOM elements. The API can help style arbitrary text ranges directly using CSS without modifying the DOM, resulting in faster rendering and reduced memory consumption. It's supported in modern browsers and is done by defining CSS styles using the `::highlight()` pseudo-element and registering text ranges with the browser's highlight registry.