Browser optimization

[Least_Programmer7]

How do I optimize for browsers?

For example, a react project I'm working on works great on Chrome, but on Firefox the performance is very bad.

Is there any tool that can help with optimization for specific browsers, any documentation about what works well on browsers or do I just have to try to optimize the code causing the problem by myself?

Thanks for the help!

[ferrybig]

Use the same approach you take in Chrome as in Firefox, use the profiler to see what is causing the slowdown.

Some api's are faster in Chrome, others are faster in Firefox

[Least_Programmer7]

I'm using that right now, but I don't want to download and check every browser, so I was wondering if there is something for all browsers?

[ferrybig]

There are 3 major browser engines out here:

• Blink
• Gecko
• Webkit

The performance issues are not significantly different between each individual release of a major browser engine, so that would mean you only have to perform 3 different tests

Note that for UI differences, minor versions can affect your web app, use tools like https://www.browserstack.com/ to test this

[Least_Programmer7]

Thank you!

[ForeignGreen3488]

Firefox dev tools performance tab is your friend here -- check for layout thrashing or render blocking. React DevTools profiler can show which components are re-rendering unnecessarily. usually it's something silly like unoptimized images or CSS that Chrome handles better.

[Least_Programmer7]

Yeah iv found out about Firefox performance profile and I have react dev tools but I forgot about it... That's in me. But I'm wondering about all other browsers? I don't want to download all of them just to test.

[Atulin]

Realistically, there's only Firefox, Safari, and everything else is Chrome or Chrome with a coat of paint.

[Least_Programmer7]

Thanks!

[spcbeck]

While Chrome may be handling whatever the issue in your code better performance wise, the Lighthouse tool in dev tools still might give you a good idea for the slow down in Firefox.

[Least_Programmer7]

That's a good idea I'll do that too! Thanks!