Szybkość Niski wpływ Średnie 30–60 min

Skrypty inline

Wiele <script> bezpośrednio w HTML blokuje i nie da się cachować.

Co to jest

Skrypty inline to kod bezpośrednio w <script>…</script> w HTML (nie plik zewnętrzny). Blokują renderowanie w miejscu wystąpienia i nie da się ich cachować ani odłożyć przez defer/async.

Dlaczego warto to rozwiązać

Duże skrypty inline rozdymają HTML i blokują renderowanie. Dodatkowo komplikują politykę bezpieczeństwa (CSP).

Jak to zrobić

1Przenieś kod do zewnętrznych plików .js i wczytaj je z defer.
2Małe, niezbędne inicjalizacje pozostaw, ale trzymaj je na minimum.
3Rozważ CSP, skrypty inline ją komplikują.

Podsumowanie

Pliki zewnętrzne z defer zwykle pokonują skrypty inline (możliwość cachowania + nie blokują). Duże bloki inline przenieś na zewnątrz; drobne inicjalizacje są w porządku. Wiąże się to z ogólną strategią odkładania JS.

Powiązane tematy