Wyeliminuj zasoby blokujące renderowanie

Question

Zasoby blokują pierwsze wyrenderowanie strony. Sugerujemy umieszczenie krytycznego kodu JS/CSS w kodzie strony i opóźnienie ładowania wszystkich niekrytycznych plików JS i stylów.  taki komunikat dostaje i co powinienem zrobić pozbyć się stylów css i wszystko ładować inline css czy może w kodzie html strony przy określonych sekcjach dodawać <style></style> <script></script>i tam przed sekcją dodawać kod?

Answer 1

Generalnie "Zalecenie dotyczące umieszczania krytycznego kodu CSS/JS" inline lub bezpośrednio przed sekcją, na której ma być użyty, jest powszechnie uznawane za najlepsze praktyki.
Takie podejście zapewni, że niezbędne elementy strony zostaną wyrenderowane na czas, co pozytywnie wpłynie na wydajność i generalnie widoczne doświadczenie użytkownika.

Można również zastosować takie podejście z niekrytycznymi plikami CSS/JS i załadować je asynchronicznie po wyrenderowaniu krytycznej części strony, aby uniknąć blokowania pierwszego renderowania, możesz też wykorzystać ładowanie bezpośrednio przed sekcją, na której ma być użyty, w celu uniknięcia blokowania