The missing articles: how to optimize your website for Firefox?

There are a lot of Web performance tips online, and a lot of “how to speed up your Firefox install” tipps, but one aspect I cannot find is “how to build a website such that it is fast in Firefox”. Even though there actually are huge differences in speed depending on the feature used — as arewefastyet.com: the Firefox Performance Dashboard shows. I cannot give you a complete guide yet, except for the things I see in arewefastyet, but maybe this is already a start:

PDF (drucken)

These are partially documented in perfdocs/raptor.html.

So you get vastly different performance depending on the features you use to implement your site.

And this is the most important takeaway: never test only on Chrome and then expect your site to work well in other browsers. You have to test widely — including performance of CSS.

Rules of thumb are hard to come by, but I’d start with: build on CSS (including transitions), SVGs, and accessing the DOM directly via getElementById instead of querySelector. But most of all, profile your website in Firefox and Chromium, and when you find something that takes much more time in Firefox, check whether you can implement it in a way that’s faster in FF.

And if you do anything with audio, make sure it works in FF.



note how the unfree Chrome is faster than Chromium? This should worry every Free Software advocate!

ArneBab 2023-04-28 Fr 00:00 - Impressum - GPLv3 or later (code), cc by-sa (rest)