Talaan ng mga Nilalaman:

Paano ko ipagpaliban ang pag-block ng pag-render ng CSS?
Paano ko ipagpaliban ang pag-block ng pag-render ng CSS?

Video: Paano ko ipagpaliban ang pag-block ng pag-render ng CSS?

Video: Paano ko ipagpaliban ang pag-block ng pag-render ng CSS?
Video: HOW TO BLOCK LOST OR STOLEN PHONE USING IMEI | PAANO MAG BLOCK NG IMEI | BLOCK LOST OR STOLEN PHONE 2024, Nobyembre
Anonim

Ang pinakakaraniwang solusyon, sa iliban ang paglo-load ng iyong render blocking CSS , at bawasan render - pagharang Ang mga round trip ay tinatawag na loadCSS ng Filament Group. Sinasamantala ng pinakabagong bersyon ang hindi pa ganap na suportadong katangian na nagbibigay-daan para sa asynchronous na pag-load ng CSS.

Pagkatapos, paano ko aayusin ang pag-block sa pag-render?

Ayusin ang Pag-block sa Pag-render JavaScript gamit ang W3 Total Cache Susunod, kailangan mong bisitahin ang pahina ng Performance » General Settings at mag-scroll pababa sa seksyong Minify. Una kailangan mong lagyan ng tsek ang 'Paganahin' sa tabi ng pagpipiliang Minify at pagkatapos ay piliin ang 'Manual' para sa opsyong minify mode. Mag-click sa pindutan ng i-save ang lahat ng mga setting upang iimbak ang iyong mga setting.

Pangalawa, ano ang pag-aalis ng mga mapagkukunan ng pagharang sa pag-render? I-render - pagharang ng mga mapagkukunan pabagalin ang nakikitang oras ng pag-load ng pahina ng iyong WordPress site sa pamamagitan ng pagpilit sa mga browser ng mga bisita na maantala rendering nasa itaas na bahagi ng nilalaman habang nagda-download ang browser ng mga file na hindi kailangan kaagad. Upang alisin ang render - pagharang ng mga mapagkukunan sa WordPress, maaari kang gumamit ng mga off-the-rack na plugin.

Sa tabi sa itaas, hinaharangan ba ng CSS ang pag-render?

I-render Hinaharang CSS . Bilang default, Ang CSS ay tinatrato bilang a render pagharang ng mapagkukunan, na nangangahulugan na ang browser ay hindi render anumang naprosesong nilalaman hanggang sa CSSOM ay itinayo. Ang HTML ay halata, dahil kung wala ang DOM wala tayong magagawa render , ngunit ang CSS maaaring hindi gaanong halata ang kinakailangan.

Paano ko malalaman kung mayroon akong Render blocking resources?

Upang matukoy ang mga mapagkukunang nagba-block sa pag-render:

  1. Maghanap ng mga hindi kritikal na mapagkukunan na naglo-load bago ang simulang linya ng pag-render (sa pamamagitan ng webpagetest.org).
  2. Subukan ang pag-alis ng mga mapagkukunan sa pamamagitan ng Google Dev Tools upang makita kung paano naaapektuhan ang content ng page.
  3. Kapag natukoy na, makipagtulungan sa mga developer upang mahanap ang pinakamahusay na solusyon upang ipagpaliban ang mga mapagkukunan ng pag-block sa pag-render.

Inirerekumendang: