# Renderelést blokkoló szkriptek
> A teszt azt számolja, hány külső szkript van a head-ben async vagy defer nélkül; ezek megállítják az oldal feldolgozását, a javítás a defer attribútum.
Ha a ``-ben egy külső szkript `async` és `defer` nélkül áll, a böngésző megáll, letölti és lefuttatja, mielőtt az oldal többi részét feldolgozná. Amíg ez tart, a látogató üres vagy félkész oldalt lát. A Lighthouse is ezt a mintát jelöli renderelést blokkolónak. Az MDN pontosabban fogalmaz: az ilyen szkript a HTML feldolgozását (parsing) blokkolja, ezen keresztül késlelteti azt, ami utána következik.
## Hogyan mérjük
A riport böngészőben (mobil-emulációval) betölti a nyitóoldalt, és a betöltött oldal `` részében megkeresi azokat a `
```
Ha egy inline szkript a halasztott szkript kódját használja (például a jQuery-t), az a halasztás miatt hibát dob: ilyenkor azt is halaszd, vagy ezt a szkriptet hagyd halasztás nélkül. Az alternatíva, hogy a szkriptet a `` aljára teszed.
### WordPress
WordPress 6.3 óta a szkriptek betöltési stratégiáját a `wp_enqueue_script()` hívásban adhatod meg:
```php title="PHP (téma vagy bővítmény)"
wp_enqueue_script(
'sajat-szkript',
get_theme_file_uri( 'js/app.js' ),
array(),
'1.0.0',
array(
'in_footer' => true,
'strategy' => 'defer',
)
);
```
A `strategy` értéke `defer` vagy `async` lehet; az `in_footer` a láblécbe teszi a szkriptet. Ha egy szkriptre egy adott oldalon nincs szükség, a `wp_dequeue_script()` kiveszi a betöltésből. A halasztásnál ugyanaz a figyelmeztetés áll, mint a HTML-nél: a más szkriptre épülő inline kódot is át kell állítani.
## Hogyan ellenőrizd
Futtasd újra a riportot. A betöltött oldal forrását is megnézheted:
```bash title="Terminál"
curl -s https://pelda.hu/ | grep -iE "]+src=" | head -20
```
Nézd a `` részben álló sorokat: ha egyiken sincs `async`, `defer` vagy `type="module"`, a teszt hibát jelez. A Chrome DevTools Lighthouse paneljén vagy a [PageSpeed Insights](https://hub.hellowp.io/hu/knowledge-base/useful-tools/pagespeed-insights/) oldalán a „Eliminate render-blocking resources” (renderelést blokkoló erőforrások kiküszöbölése) audit ugyanezt mutatja, a stíluslapokkal együtt. A hatás a [Labor-LCP](https://hub.hellowp.io/hu/report/teljesitmeny/labor-lcp/) és a [Labor-TBT](https://hub.hellowp.io/hu/report/teljesitmeny/labor-tbt/) értékben is látszik.