Web design & UX

Browser compatibility ensures that a website displays and functions consistently across different browsers such as Chrome, Firefox, and Safari. In web design, it involves cross-browser testing and standards like HTML5; in hosting and SEO, incompatibility impacts traffic.

The days of testing every page individually in five browsers are over. Chrome, Edge, Firefox, and Safari now largely follow the same standards. What remains are edge cases, and these almost always involve Safari because Apple releases new features later than the others.

A real-world example: Safari has only supported the WebP image format since version 14 in 2020. Users still serving older devices should therefore deliver both formats using the `<picture>` element. This requires only a few lines of code and saves 25 to 35 percent of the image file size for all other visitors.

Back to the glossary