Uruchomiłem test prędkości w Google i otrzymałem dobre oceny i złe oceny dla mojego CSS. Złe oceny wynikają z nieefektywnego CSS. Co to jest? I jak mogę to naprawić?Co to są bardzo nieefektywne reguły w css
Very inefficient rules (good to fix on any page):
#menu ul ul li:first-child a:after Tag key with 4 descendant selectors
#menu ul ul li:first-child a:hover:after Tag key with 4 descendant selectors
Przeglądarki Przeglądnij selektory CSS od prawej do lewej. Dzięki temu CSS jest szybciej przetwarzany, jeśli masz mniej selektorów potomnych.
selektorów potomka są nieefektywne, ponieważ dla każdego elementu, który pasującego klucza, przeglądarka musi przechodzić w górę drzewa DOM, oceny każdego elementu przodka aż znajdzie dopasowanie lub osiągnie element główny. Im mniej konkretny klucz, tym większa liczba węzłów, które muszą zostać ocenione.