Paano Tanggalin ang render-blocking resources sa WordPress (Napakadali)
Ang pag-render ng pag-block ng mga mapagkukunan ay maaaring maging isang malaking sakit sa mga blogger. Patuloy na nagbabala ang Google na alisin ang mga ito. Mayroong maraming mga paraan upang alisin ang mga ito ngunit narito ang isang napaka-simpleng paraan na hindi nangangailangan ng coding.
Ang pagkakaroon ng mabilis na blog o website ay napakahalaga. Ito ay mahalaga kung gusto mong mataas ang ranggo sa mga search engine. Kung ang iyong website ay napakabagal, tiyak na masasaktan ang iyong SEO.
Gayundin, ang isang mabagal na website ay maaaring magpapataas ng bounce rate, na teknikal na makakasakit sa iyong brand sa maraming paraan. Ang isang mabagal na website ay maaaring makaapekto sa kita at conversion.
Karamihan sa mga user ay naiinip, kung masyadong mahaba ang pag-load ng iyong site, iiwan nila ito at lilipat sa mas mabilis na alternatibo. Nawala na ang potensyal na customer o revenue booster.
Kung sinusubukan mong pabilisin ang iyong website at gumamit ka ng tool sa pagsubok gaya ng Google Pananaw ng PageSpeed, isang babala na malamang na matanggap mo ay alisin ang mga mapagkukunang humaharang sa pag-render.
Sa artikulong ito, matututunan mo kung paano madaling alisin ang mga mapagkukunan ng pag-block sa pag-render.
Ano ang mga mapagkukunan ng pag-block sa pag-render?
Ang mga resource-blocking resources ay CSS at JavaScript na nagpapabagal sa oras ng pag-load ng isang website dahil kailangan itong i-download ng web browser bago makapag-render ang content ng page.
Kapag sinubukan ng isang bisita na i-access ang isang website, magsisimula kaagad ang browser sa pagbabasa ng website mula sa itaas hanggang sa ibaba. Kung mayroong anumang CSS o JavaScript, hihinto ang browser sa pagbabasa hanggang sa ma-download at maproseso nito ang mga file. Bago mai-render ng browser ang mga nilalaman sa itaas ng fold, kailangan nitong i-download ang mga CSS o JavaScript na file.
Ang mga plugin o tema na iyong ini-install ay maaaring magdagdag ng ilan sa mga CSS at JS na iyon. Ang ilan ay hindi kailangang mag-load muna, maaari silang mag-load sa ibang pagkakataon. Pero dahil nandoon sila sa taas, pinapabagal nila ang iyong website.
Kaya't ang ibig sabihin ng Google sa pamamagitan ng "alisin ang mga mapagkukunan ng pag-block sa pag-render" ay ang pag-alis mo ng mga hindi kinakailangang mapagkukunan mula sa tuktok ng iyong website dahil pinapabagal nito ang pag-load ng nilalaman ng website.
Paano maghanap ng mga mapagkukunan na humaharang sa pag-render
Bago mo malutas ang isang problema sa pag-render-blocking, kailangan mong malaman kung saan ito nanggagaling. Maaari mong malaman kung aling mga mapagkukunan ang nakaharang sa pag-render sa pamamagitan ng pagpapatakbo ng pagsubok Google PageSpeed Insight or Web.Sukatan.
Maaari mong sundin ang mga hakbang sa ibaba upang makahanap ng mga mapagkukunan ng pag-block sa pag-render:
1. Bisitahin Google PageSpeed Insight
2. Ipasok ang address ng iyong website at i-click ang pag-aralan
3. Mag-scroll pababa at antabayanan ang pag-alis ng babala sa pag-block ng mga mapagkukunan.
Suriin ito sa parehong mobile at desktop tap.
para BloggingTools, wala kaming mga isyu sa render-blocking para sa Desktop, ngunit mayroon kami para sa mobile. Kaya para sa kapakanan nito, gagamitin namin ang Mobile tulad ng makikita mo sa ibaba.
Para sa mobile gaya ng nakikita mo sa itaas, mayroon kaming 2 isyu sa pag-block sa pag-render. Sa score na 93. Mas mataas ang score, pero para sa post na ito, kinailangan kong i-deactivate ang Autoptimize plugin.
Nakamit ng BloggingTools.org ang markang ito nang walang pag-optimize dahil gumagamit kami ng napakabilis at magaan na tema na tinatawag GeneratePress. Nagho-host din kami sa isang napakabilis na web host na kilala bilang Cloudways.
nota: Hindi ka dapat maging obsessed tungkol sa pagkuha ng 100 sa PageSpeed insight score. Ito ay isang gabay lamang. Karaniwan ang isang average na marka ng 65 hanggang 80 ay mainam para sa karamihan ng mga tao. Huwag mag-alis ng mga file na mahalaga para sa iyong negosyo.
Ang Magandang bagay tungkol sa WordPress ay hindi mo kailangang gawin nang manu-mano ang lahat. Mayroong ilang mahusay na naka-code na mga plugin upang makatulong.
Paano ayusin ang pag-alis ng isyu sa pag-block ng pag-render sa WordPress
Sundin ang mga hakbang na ito upang ayusin ang pag-alis ng isyu sa pag-block sa mga mapagkukunan:
1. I-install at i-activate ang Autoptimize
Mayroong maraming mga plugin ng WordPress na maaaring gawin ito tulad ng W3 kabuuang cache, WP Rocket at iba pa. Ngunit mula sa aking karanasan sa maraming website, palaging pinangangasiwaan ito ng Autoptimize nang mas mahusay kaysa alinman sa mga ito. Ang kahanga-hangang bagay ay ang Autoptimize ay katugma sa halos lahat ng WordPress caching plugin at ito ay libre.
Tumungo sa direktoryo ng WordPress plugin sa i-install at i-activate ang Autoptimize
2. Bisitahin ang mga setting ng Autoptimize
Kung kailangan mo kung saan mahahanap ang mga setting ng Autoptimize, sa iyong WordPress dashboard mag-click sa mga setting pagkatapos ay mag-click sa Autoptimize.
3. I-optimize ang JavaScript
Sa ilalim ng mga opsyon sa JavaScript, piliin ang Optimize Script code at piliin din ang pinagsama-samang JS-file. Mahahanap mo ang mga setting na ginagamit ko para sa BloggingTools sa ibaba.
4. I-optimize ang CSS
Sa ilalim ng mga opsyon sa Optimize CSS piliin ang Optimize CSS code. Piliin din ang pinagsama-samang mga CSS-file at "Pagsama-samahin din ang inline na CSS." Tingnan ang Mga Opsyon na ginagamit ko para sa BloggingTools sa ibaba.
5. I-optimize ang HTML
Kung gusto mo ng mas mahusay na performance, maaari mo ring gamitin ang Autoptimize para i-optimize ang HTML. Sa ilalim ng HTML Options, piliin ang optimize HTML Code. Maaari mong makita ang mga setting na ginagamit ko para sa BloggingTools sa ibaba.
6. Suriin ang Misc Options
Maaari mong suriin ang Misc Options at i-tweak ang ilang mga setting habang ito ay gumagana para sa iyo. Mahahanap mo ang mga setting para sa BloggingTools sa ibaba.
7. I-save at walang laman ang cache.
Susunod, i-click lamang ang I-save at walang laman ang cache. Iyon lang!
Pagkatapos ng lahat ng ito, maaari mong suriin muli ang iyong site sa Google PageSpeed Insight. Para sa BloggingTools, kaagad pagkatapos gawin ito, tumalon ang aming marka ng hanggang 95 at lahat ng babala sa pag-alis ng pag-block ng mga mapagkukunan ay ganap na nawala. Tingnan sa ibaba.
Pakitandaan na depende sa kung gaano karaming mga mapagkukunan sa pag-render-block ang mayroon ka at kung gaano kahalaga ang mga ito sa iyong site, maaaring manatili ang ilan sa mga ito. Huwag subukang alisin ang mga ito.
Kung gusto mong maalis pa, maaari mong gamitin Async JavaScript, isang plugin ng parehong may-akda bilang Autoptimize. Nagtutulungan sila. Hindi ko ito inirerekomenda dahil maaaring masira nito ang iyong site. Okay na ang autooptimize mag-isa!
Konklusyon
Ang bilis ay mahalaga at ang pag-aalis ng pag-render-block ng mga mapagkukunan ay makakatulong sa iyong website na mag-load nang mas mabilis at bigyan ang iyong site ng mas mahusay na marka sa mga tool sa pagsubok ng bilis. Ngunit hindi ka dapat mahuhumaling sa mga markang ito dahil nandiyan lang sila para gabayan.
Kung napakabagal pa rin ng iyong website pagkatapos nito. Ang tatlong pinaka-malamang na problema ay maaaring ang iyong tema o ang iyong Web host ay hindi maganda, o mayroon kang masamang mga plugin na naka-install. Inirerekomenda ko Coudways bilang ang pinakamahusay na web host at GeneratePress bilang pinakamahusay na tema. Kung ikaw ay isang baguhan, Bluehost kakayanin pero kung kaya mo, Cloudways is the best. Maaari kang magsimula nang libre. Gumagamit ako ng GeneratePress at Coudways para sa TargetTrend
Din basahin ang:
Paano gawing napakabilis ang WordPress
Paano magdala ng trapiko sa iyong blog
Kaugnay na Artikulo
