Is use of all bootstrap col-* class must?

Hi,

On product archive pages, I noticed that there are use of col-6, col-sm-6, col-md-4, col-lg-4 on each of product-grid-item, as I’m using two columns on mobiles and three for desktop.

I think that the use of each Bootstrap breakpoint class for columns isn’t necessary. The above example can be safely reduced to “col-6 col-md-4”.

Similarly, for one column on mobile and 4 on desktop, only “col-lg-3” would be enough.

It would be beneficial to remove the use of unnecessary classes where we strive hard to save single byte and reduce page size.

There might be other places in the theme as well, just didn’t notice yet.

Thanks

Hello,

We will review these classes and remove if some will be not necessary.

Kind Regards

Hi,

Thanks and please surely do it. I see that there are lots of such instances in theme files. Removing them will sum up significant bytes saving as well as decrease browser’s effort to tally each present class to respective rule.

Thank you.

Thank you.

[Author]

Posts