Sisukord:

Kuidas CSS-i renderdamise blokeerimist edasi lükata?
Kuidas CSS-i renderdamise blokeerimist edasi lükata?

Video: Kuidas CSS-i renderdamise blokeerimist edasi lükata?

Video: Kuidas CSS-i renderdamise blokeerimist edasi lükata?
Video: Täitke Nextjs-kursus – õppige Nextjs-i 2 tunniga! | Reage SSR + ajakoodid 2024, Aprill
Anonim

Levinuim lahendus, et edasi lükata teie laadimine renderda blokeeriv CSS ja vähendada renderdama - blokeerimine edasi-tagasi reise nimetatakse Filament Groupi poolt loadCSS-iks. Uusim versioon kasutab ära atribuuti, mida pole veel täielikult toetatud, mis võimaldab atribuutide asünkroonset laadimist CSS.

Kuidas siis renderdamise blokeerimist parandada?

Parandage renderduse blokeerimine JavaScript kasutades W3 koguvahemälu Järgmiseks peate külastama lehekülge Performance » General Settings ja kerima alla jaotiseni Minify. Esmalt peate märkima „Luba” valiku Minimeeri kõrval ja seejärel valima minimeerimisrežiimi valikuks „Käsitsi”. Seadete salvestamiseks klõpsake nuppu Salvesta kõik sätted.

Teiseks, mis on renderdamist blokeerivate ressursside kõrvaldamine? Renderda - ressursside blokeerimine aeglustada oma WordPressi saidi lehe laadimisaegu, sundides külastajate brausereid viivitama renderdamine lehe ülaosa sisu, samal ajal kui brauser laadib alla failid, mida pole kohe vaja. To renderdamine kõrvaldada - ressursside blokeerimine WordPressis saate kasutada riiuliväliseid pistikprogramme.

Lisaks ülaltoodule, kas CSS blokeerib renderdamise?

Renderda Blokeerimine CSS . Vaikimisi, CSS on käsitletakse kui a renderdama blokeeriv ressurss, mis tähendab, et brauser seda ei tee renderdama töödeldud sisu kuni CSSOM-i on ehitatud. HTML on ilmselge, sest ilma DOM-ita poleks meil midagi teha renderdama , kuid CSS nõue võib olla vähem ilmne.

Kuidas ma tean, kas mul on renderdamist blokeerivad ressursid?

Renderdust blokeerivate ressursside tuvastamiseks tehke järgmist

  1. Otsige mittekriitilisi ressursse laadimise kohta enne renderdusrea algust (veebitest.org kaudu).
  2. Testige ressursside eemaldamist Google Dev Toolsi kaudu, et näha, kuidas see lehe sisu mõjutab.
  3. Pärast tuvastamist tehke koostööd arendajatega, et leida parim lahendus renderdust blokeerivate ressursside edasilükkamiseks.

Soovitan: