Cov txheej txheem:

Kuv yuav ua li cas ncua kev thaiv CSS?
Kuv yuav ua li cas ncua kev thaiv CSS?

Video: Kuv yuav ua li cas ncua kev thaiv CSS?

Video: Kuv yuav ua li cas ncua kev thaiv CSS?
Video: Zaj Dub - Cas Tsis Xaiv Koj_Nkauj Tawm Tshiab [Official MV] 2024, Kaum ib hlis
Anonim

Qhov kev daws teeb meem tshaj plaws, rau ncua lub loading ntawm koj render thaiv CSS , thiab txo ua - thaiv ncig mus ncig ua si hu ua loadCSS los ntawm Filament Group. Qhov tseeb version siv kom zoo dua ntawm qhov tseem tsis tau txais kev txhawb nqa tag nrho uas tso cai rau asynchronous loading ntawm CSS.

Tom qab ntawd, kuv yuav kho qhov kev thaiv thaiv li cas?

Txhim kho Render Blocking JavaScript siv W3 Tag Nrho Cache Tom ntej no, koj yuav tsum mus ntsib Kev Ua Haujlwm » nplooj ntawv General Chaw thiab nqes mus rau ntu ntu. Ua ntej koj yuav tsum tau xyuas 'Enable' ib sab ntawm Minify kev xaiv thiab tom qab ntawd xaiv 'Manual' rau minify hom kev xaiv. Nyem rau ntawm lub khawm txuag tag nrho cov chaw khaws koj cov chaw.

Qhov thib ob, dab tsi yog tshem tawm kev thaiv thaiv cov peev txheej? Render - thaiv cov peev txheej qeeb cov nplooj ntawv pom lub sijhawm thauj khoom ntawm koj lub vev xaib WordPress los ntawm kev yuam cov neeg tuaj saib browsers ncua sijhawm kev ua saum toj-the-fold cov ntsiab lus thaum browser rub tawm cov ntaub ntawv uas tsis xav tau tam sim ntawd. Rau tshem tawm render - thaiv cov peev txheej ntawm WordPress, koj tuaj yeem siv off-the-rack plugins.

Ib sab saum toj no, CSS puas thaiv kev ua haujlwm?

Render Thaiv CSS . Los ntawm lub neej ntawd, CSS yog kho li ib ua thaiv cov peev txheej, uas txhais tau tias browser yuav tsis ua cov ntsiab lus ua tiav kom txog rau thaum CSSOM yog tsim. Cov HTML yog pom tseeb, vim tsis muaj DOM peb yuav tsis muaj dab tsi rau ua , mas cov CSS kev xav tau yuav tsis pom tseeb.

Kuv yuav paub li cas yog tias kuv muaj Render thaiv cov peev txheej?

Txhawm rau txheeb xyuas cov peev txheej render-blocking:

  1. Saib rau cov kev pabcuam tsis tseem ceeb thauj khoom ua ntej pib ua kab (ntawm webpagetest.org).
  2. Kuaj tshem cov peev txheej ntawm Google Dev Cov Cuab Yeej kom pom tias nplooj ntawv cov ntsiab lus cuam tshuam li cas.
  3. Thaum pom tau tias, ua haujlwm nrog cov neeg tsim khoom los nrhiav qhov kev daws teeb meem zoo tshaj plaws los tiv thaiv cov peev txheej cuam tshuam.

Pom zoo: