Matapos ang opisyal na anunsyo ng Google, lahat ay nagsimula na nakatuon sa oras ng paglo-load ng pahina ng kanilang mga website. Ayon sa Google, ang mga website na may oras ng paglo-load ng pahina ng higit sa tatlong segundo ay hindi kaaya-aya sa SEO.


At alam mo na, sa panahong ito ng web, ang pakikipagkumpitensya sa milyun-milyong mga website ay hindi isang piraso ng cake. Kailangan mong tiyakin na ang iyong website ay mas mabilis kaysa sa iba.

Kung ihambing mo ang bilis ng website sa mga nangungunang website, maaaring ikaw ay kulang dahil ang karamihan sa mga site ay may oras ng paglo-load ng pahina sa ibaba ng dalawang segundo.

Ngayon hayaan kong pag-usapan ang tungkol sa render-blocking. Ang bawat WordPress plugin ay may isang CSS o JavaScript file, na kailangang mai-upload ng browser ng gumagamit.

Nangangahulugan ito na ang mga file ng CSS at JavaScript ay nagpapabagal sa iyong website, na kung saan ay tinatawag na render-blocking ng JavaScript at CSS.

Sa tutorial na ito, matututunan mo ang tungkol sa paghahanap ng mga naturang file at pag-aayos ng render-blocking.

Suriin ang Pahina ng Iyong Website ng Paglo-load ng Oras

Maaari mong gamitin ang mga tool sa pagsusuri ng bilis tulad ng Mga tool sa Pingdom, ngunit narito, kailangan mo ng Mga Google InsightS Page. Punan ang URL ng iyong site at mag-click sa pag-analisa.

Sa loob ng ilang segundo, maaari mong makita ang ulat. Mas mainam na mapabuti ang oras ng paglo-load ng pahina para sa desktop. Suriin ang kasalukuyang puntos.

Paano Ayusin ang Render-blocking JavaScript at CSS ng Iyong Website ng WordPress

Ayon sa Google, para sa isang mahusay na pagganap, ang marka ay dapat na nasa pagitan ng 89-100. At dapat kong sabihin sa iyo na posible upang makamit 100.

Kung mag-scroll ka sa heading "Mga oportunidad para sa iyo," maaari kang makakita ng ilang mga mungkahi. Mula saan, Tanggalin ang mga mapagkukunan ng render-block maaaring ang isa.

Paano Ayusin ang Render-blocking JavaScript at CSS ng Iyong Website ng WordPress

Mag-click upang makita ang mga mapagkukunan, at makikita mo ang lahat ng mga file ng CSS at JavaScript. Minsan, maaari mong mapansin ang anumang cache file.

Ang punto ay kailangan mong tumuon sa pag-optimize ng mga file ng CSS at JavaScript.

Gumamit ng Autoptimize upang Minify CSS at JavaScript Files

Tulad ng nalalaman mo na ang Autoptimize ay isang plugin na makakatulong upang ma-optimize ang mga file ng coding ng isang website ng WordPress, maaari mo itong gamitin upang ayusin ang render-blocking na mga file ng JavaScript at CSS.

Pumunta sa Mga plugin>>Magdagdag ng bago at maghanap para sa Autoptimize. I-install at i-activate ang plugin. Inaasahan kong alam mo kung paano mag-install ng isang plugin ng WordPress.

Pumunta ka na ngayon Mga setting>>Autoptimize at maaari mong makita ang mga pagpipilian para sa JavaScript at CSS. Suriin ang mga kahon sa optimize ang JavaScript at CSS.

Paano Ayusin ang Render-blocking JavaScript at CSS ng Iyong Website ng WordPress

Mag-click sa I-save ang mga pagbabago at Empty Cache kung mayroon kang isang plugin ng caching. Kung hindi, mag-click sa I-save ang mga pagbabago pindutan.

Ngayon suriin muli ang iyong iskor sa website. Kung nakakakuha ka ng ilang mga positibong resulta, perpekto. Kung hindi man, maaari kang gumamit ng isang caching plugin tulad ng W3 Kabuuang Cache upang mabawasan ang mga code ng JavaScript at CSS.

I-install at I-aktibo ang W3 Kabuuang Cache

Kung gumagamit ka na ng W3 Kabuuang Cache bilang isang plugin ng caching para sa iyong website ng WordPress, hindi mo na kailangan ang anumang iba pang plugin upang mabawasan ang website code.

Pumunta sa Pagganap>>Pangkalahatang mga Setting at mag-scroll pababa sa Minify setting. Suriin ang kahon upang paganahin at mai-save ang mga pagbabago.

Paano Ayusin ang Render-blocking JavaScript at CSS ng Iyong Website ng WordPress

Sa karamihan ng mga kaso, ang tulad ng isang minifying setting ay malulutas ang problema. Kung nahaharap ka pa rin ng anumang hamon, kailangan mong gumamit ng tukoy na plugin na binuo upang ayusin ang render-blocking JavaScript at CSS.

Para sa aking website, maaari mong makita ang kasalukuyang marka; ito ay 100 para sa bersyon ng desktop.

Paano Ayusin ang Render-blocking JavaScript at CSS ng Iyong Website ng WordPress

Kung nakatuon ka sa mobile na bersyon, maaari mong manu-manong idagdag ang mga script at CSS sa mga setting ng W3 Kabuuang Cache. Sa ngayon, gumamit ng auto option at suriin ang pagganap ng iyong site.

Inaasahan kong Mayroon kang isang ideya upang Ayusin ang Render-blocking JavaScript at CSS

Walang alinlangan na ang bilis ng mga website ay gumaganap ng isang mahalagang papel sa marka ng SEO. Maaari kang mag-ugnay kapag binisita mo ang isang website na may isang hindi magandang oras ng paglo-load ng pahina. Naghihintay ka ba ng matagal? Hindi ko iniisip ito.

Mayroong maraming mga pagpipilian na magagamit sa web. Kung ang iyong site ay mabagal, ang ibang tao ay nagbibigay ng isang mas mahusay na karanasan ng gumagamit kaysa sa iyo.

Konklusyon

Ang pangunahing ideya sa likod ng pag-aayos ng render-blocking JavaScript at CSS file ay upang mabawasan ang code ng mga file na ito. Kung ikaw ay isang advanced na developer, maaari mong mai-minimize nang manu-mano ang JavaScript at CSS.

Ngunit kung gumagamit ka ng WordPress, maraming mga plugin upang makamit ang ganoong gawain.

Suriin ang mga nangungunang 3 mga serbisyo sa hosting ng WordPress:

FastComet

Panimulang presyo:
$ 2.95


Kahusayan
9.7


Pagpepresyo
9.5


Friendly ng Gumagamit
9.7


Suporta
9.7


Mga Tampok
9.6

Basahin ang mga review

Bisitahin ang FastComet

Hostinger

Panimulang presyo:
$ 0.99


Kahusayan
9.3


Pagpepresyo
9.3


Friendly ng Gumagamit
9.4


Suporta
9.4


Mga Tampok
9.2

Basahin ang mga review

Bisitahin ang Hostinger

A2 Hosting

Panimulang presyo:
$ 3.92


Kahusayan
9.3


Pagpepresyo
9.0


Friendly ng Gumagamit
9.3


Suporta
9.3


Mga Tampok
9.3

Basahin ang mga review

Bisitahin ang A2 Hosting

Kaugnay na Mga Artikulo Paano-Sa

  • Paano Hindi Paganahin ang wp-cron.php File para sa Iyong Site ng WordPress Paggamit ng cPanel
    dalubhasa
  • Paano Mag-install at I-configure ang WP Super Cache Plugin sa WordPress
    newbie
  • Paano i-optimize ang Database ng Database Gamit ang WP-Sweep
    newbie
  • Paano Mag-set up ng isang Website ng Staging WordPress
    nasa pagitan
  • Paano Gumamit ng WP Security Audit Log WordPress Plugin
    nasa pagitan
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me