Yellow lab score 'F' : in DOM access for Swiper carousel for React.js

[ShuvoHabib]

Check that this is really a bug

• I confirm

Reproduction link

https://yellowlab.tools/result/gmjix2cly6/rule/DOMaccesses

Bug description

DOM access is "F", which represents the worst as it reads, changes or binds the DOM.

What is DOM Access?

This metric estimates the number of times the JavaScript reads, changes or binds the DOM.
The more your JavaScript code accesses the DOM, the slower the page will load.
Try, as much as possible, to have an HTML page fully generated by the server instead of making changes with JS.
Try to reduce the number of queries by refactoring your JavaScript code.
Binding too many events also has a cost.

Expected Behavior

Very much Less offenders from querySelector() or querySelectorAll()

Actual Behavior

926 offenders from querySelector() or querySelectorAll(). It's so much dependent on DOM

swiper-slide-transform on div.swiper-slide.swiper-slide-next
.swiper-slide-transform on div.swiper-slide
.swiper-slide-transform on div.swiper-slide
.swiper-slide-transform on div.swiper-slide
.swiper-slide-transform on div.swiper-slide
.swiper-slide-transform on div.swiper-slide
.swiper-slide-transform on div.swiper-slide
.swiper-slide-transform on div.swiper-slide
.swiper-slide-transform on div.swiper-slide.swiper-slide-active.swiper-slide-visible
.swiper-slide-transform on div.swiper-slide.swiper-slide-next
.swiper-slide-transform on div.swiper-slide
.swiper-slide-transform on div.swiper-slide
.swiper-slide-transform on div.swiper-slide
.swiper-slide-transform on div.swiper-slide
.swiper-slide-transform on div.swiper-slide
.swiper-slide-transform on div.swiper-slide
.swiper-slide-transform on div.swiper-slide
.swiper-slide-transform on div.swiper-slide.swiper-slide-visible.swiper-slide-active
.swiper-slide-transform on div.swiper-slide.swiper-slide-next
.swiper-slide-transform on div.swiper-slide
.swiper-slide-transform on div.swiper-slide
.swiper-slide-transform on div.swiper-slide
.swiper-slide-transform on div.swiper-slide
.swiper-slide-transform on div.swiper-slide
.swiper-slide-transform on div.swiper-slide

Swiper version

9.1.1

Platform/Target and Browser Versions

Chrome, Safari, Firefox

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR