Tõde CSS-i valija jõudluse kohta

Kurat, jäta see rahule Patrick Brosset, et rääkida CSS-i toimivusest võimalikult ligipääsetaval ja praktilisemal viisil. Mitte et CSS alati oleks mis kiirendab, või isegi kõige madalamal rippuvale viljale, kui on vaja jõudlust parandada.

Kuid if Kui otsite asjade CSS-i poole pealt kasu, on Patrickil kena viis Edge DevToolsi abil teie kõige kallimad valijad välja nuusutada:

• Avage DevTools.
• Minge vahekaardile Jõudlus.
• Veenduge, et valik „Luba täiustatud renderdamisseadmed” oleks lubatud. See komistas mind selles protsessis.
• Salvestage lehe laadimine.
• Avage aruandes vahekaart "Alt-üles".
• Kontrollige oma ümberarvutatud stiilide suurust.

Siit klõpsake peamise juga vaates ühte ümberarvutatud stiili sündmust ja saate uue vahekaardi „Selector Stats”. Vaadake kõike seda tobedat headust!

Nüüd näete kõiki töödeldud valijaid ja neid saab sorteerida selle järgi, kui kaua neil kulus, mitu korda need sobisid, sobitamiskatsete arvu ja midagi, mida nimetatakse "kiire tagasilükkamise loendiks". ma õppisin on elementide arv, mida oli lihtne ja kiire sobitamisest eemaldada.

Siin on palju teadmisi, kas CSS on tõesti pudelikael, mis vajab uurimist. Kuid lugege Patricku täielikku postitust Microsoft Edge'i ajaveebis, sest ta läheb palju sügavamale miks ja kuidas ning käib läbi terve juhtumiuuringu.

Otsene link →

• SEO-põhise sisu ja PR-levi. Võimenduge juba täna.
• Platoblockchain. Web3 metaversiooni intelligentsus. Täiustatud teadmised. Juurdepääs siia.
• Allikas: https://css-tricks.com/the-truth-about-css-selector-performance/