Tartalomjegyzék:

Hogyan halaszthatom el a CSS megjelenítés blokkolását?
Hogyan halaszthatom el a CSS megjelenítés blokkolását?

Videó: Hogyan halaszthatom el a CSS megjelenítés blokkolását?

Videó: Hogyan halaszthatom el a CSS megjelenítés blokkolását?
Videó: Flexbox | Hogyan használd? | Reszponzív honlapok Bootstrap nélkül | Flexbox-okról magyarul 2024, November
Anonim

A leggyakoribb megoldás, hogy elhalasztja az Ön betöltése renderelés blokkoló CSS , és csökkentse Vakol - blokkolása oda-vissza utakat a Filament Group loadCSS-nek nevezi. A legújabb verzió kihasználja a még nem teljesen támogatott attribútumot, amely lehetővé teszi a fájl aszinkron betöltését CSS.

Akkor hogyan javíthatom ki a renderelés blokkolását?

Javítsa ki a renderelés blokkolását JavaScript a W3 teljes gyorsítótár használatával Következő lépésként meg kell látogatnia a Teljesítmény » Általános beállítások oldalt, és görgessen le a Minify részhez. Először be kell jelölnie az „Engedélyezés” lehetőséget a Minimalizálás opció mellett, majd válassza a „Kézi” lehetőséget a kicsinyítési mód beállításához. A beállítások mentéséhez kattintson az összes beállítás mentése gombra.

Másodszor, mi az a renderelést blokkoló erőforrások megszüntetése? Vakol - blokkolja az erőforrásokat lelassítja a WordPress-webhely észlelt oldalbetöltési idejét azáltal, hogy késleltetésre kényszeríti a látogatók böngészőit renderelés a hajtás feletti tartalmat, miközben a böngésző letölti a szükségtelen fájlokat azonnal. Nak nek render kiküszöbölése - blokkolja az erőforrásokat a WordPress-en használhatja az állványon kívüli beépülő modulokat.

A fentieken kívül a CSS blokkolja a megjelenítést?

Vakol Blokkolás CSS . Alapértelmezés szerint, A CSS az mint a Vakol blokkoló erőforrás, ami azt jelenti, hogy a böngésző nem fog Vakol minden feldolgozott tartalom a CSSOM-ig van felépített. A HTML van nyilvánvaló, hiszen a DOM nélkül nem lenne semmi dolgunk Vakol , de a CSS a követelmény kevésbé nyilvánvaló.

Honnan tudhatom, hogy vannak-e renderelést blokkoló erőforrásaim?

A megjelenítést blokkoló erőforrások azonosítása:

  1. Keresse meg a nem kritikus erőforrások betöltését a renderelés kezdő sora előtt (a webpagetest.org webhelyen).
  2. Tesztelje az erőforrások eltávolítását a Google Dev Tools segítségével, hogy megtudja, milyen hatással van az oldal tartalmára.
  3. Az azonosítás után dolgozzon együtt a fejlesztőkkel, hogy megtalálják a legjobb megoldást a megjelenítést blokkoló erőforrások elhalasztására.

Ajánlott: