Súgó és dokumentáció
Sebesség Alacsony hatás Közepes 30–60 perc
Inline szkriptek
A sok <script> közvetlenül a HTML-ben blokkol és nem gyorsítótárazható.
Mi ez
Az inline szkriptek közvetlenül a <script>…</script>-ben lévő kód a HTML-ben (nem külső fájl). Blokkolják a renderelést a megjelenésük helyén, és nem gyorsítótárazhatók és nem halaszthatók defer/async segítségével.
Miért foglalkozzon vele
A nagy inline szkriptek felfújják a HTML-t és blokkolják a renderelést. Ráadásul bonyolítják a biztonsági irányelvet (CSP).
Hogyan csinálja
- 1Helyezd át a kódot külső .js fájlokba, és töltsd be deferrel.
- 2A kis, nélkülözhetetlen inicializációkat hagyd meg, de tartsd minimálisan.
- 3Fontold meg a CSP-t, az inline szkriptek bonyolítják.
Összegzés
A deferrel betöltött külső fájlok általában legyőzik az inline szkripteket (gyorsítótárazhatóság + nem blokkolnak). A nagy inline blokkokat helyezd ki; az apró inicializációk rendben vannak. Összefügg a JS elhalasztásának általános stratégiájával.
Kapcsolódó témák