Jeetje, laat maar Patrick Brosset om te praten over CSS-prestaties zo laagdrempelig plusteken praktisch mogelijk. Noch dat CSS dat immer is wat drijft de snelheid opof zelfs ie laagst hangende fruit indien ie gaat wegens prestatieverbetering.
Maar indien jou bent op zoek zoals winst aan den CSS-kant, Patrick heeft eentje leuke methode wegens jou duurste selectors op te treinen met behulp van Edge DevTools:
- Open DevTools.
- Ga zoals ie tabblad Prestaties.
- Zorg ervoor dat den optie “Moderne weergave-instrumentatie inschakelen” is ingeschakeld. Dit heeft mij te ie veranderingsproces exporteren struikelen.
- Registreer ie laden van eentje pagina.
- Open ie tabblad “Bottom-Up” te ie rapport.
- Bekijk den makker van jou weer berekende stijlen.
Klik vanaf hier op eentje van den herberekende stijlgebeurtenissen te den hoofdwatervalweergave plusteken jou krijgt eentje verrassend tabblad ‘Selectorstatistieken’. Kijk ooit zoals nu diegene kleverige goedheid!
Nu zie jou alle kiezers diegene zijn verwerkt plusteken zij kunnen wordt gesorteerd op hoe lang zij duurden, hoe vaak zij overeenkwamen, ie tal overeenkomende pogingen plusteken iets dat “snelle afwijzingstelling” wordt gezegd. Ik heb geleerd is ie tal elementen dat gemakkelijk plusteken snel uit den matching kon wordt verwijderd.
Veel inzichten hier indien CSS nuchter ie verkeersknelpunt is dat moeten wordt speuren. Maar lees ie volledige bulletin van Patrick op den Microsoft Edge Blog, want hij gaat veel dieper te op ie waarom plusteken hoe, plusteken neemt eentje hele casestudy vanwege.
Directe koppeling →
