Is there any method to objectively see how a lot processing energy a line of code makes use of? I need to use backdrop-filter with blur however I think adore it’s the usage of up numerous processing energy (particularly on cell units)
I wish to upload a backdrop-filter to the highest navigation header on my site and I am opting for between such a two:
// A: appears extra simple however appears to be extra performant
backdrop-filter: saturate(180%) blur(5px);
// B: appears prettier however turns out to make use of extra processing energy
backdrop-filter: blur(15px) brightness(123%);
Is there any method to inform which one has a larger affect on efficiency?
View Reddit through ashkanahmadi – View Supply