Weka Google PageSpeed ​​Kuondoa utoaji-kuzuia JavaScript na CSS katika maudhui ya hapo juu

Suluhisha atatoa Javascript ya kuzuia na CSS

Jaribio la Google PageSpeed ​​[1] Ondoa-kuzuia JavaScript na CSS katika maudhui yaliyomo hapo juu inakupendekeza utoe faili zako za tovuti ya JS na CSS baada ya HTML kubeba kikamilifu - na kwa hiyo, usifute upakiaji wa HTML yako ili kuwahifadhi.

Ufafanuzi wa hati ya kuzuia watoaji: Hati ambazo zimepakiwa kabla ya HTML DOM kamili kuchanganuliwa. Kwa mfano, hati zilizojumuishwa kwenye kichwa au ndani ya yaliyomo, bila maagizo maalum kwa vivinjari kuchelewesha upakuaji wa hati hadi baada ya rangi ya HTML.

Ondoa JavaScript ya kuzuia na CSS katika yaliyomo hapo juu: onyesha jinsi ya kuitengeneza

1. Kuwa na mfumo wa nje unaboresha tovuti yako
   
2. Tumia CDN ambayo itafanya uboreshaji wote kwa niaba yako, pamoja na utaftaji ufuatao muhimu unaohitajika kurekebisha rasilimali za kuzuia utoaji:
   
3. Rejesha faili za Javascript
   
4. Pakia CSS baada ya mzigo wa HTML
   
5. Tumia programu-jalizi ya WordPress
   

Kuna uboreshaji mwingi muhimu ili kurekebisha rasilimali za kuzuia utoaji na inaweza kuwa ngumu kuutumia wewe mwenyewe - pamoja, itabidi uangalie kila wakati vipimo vipya vilivyojumuishwa kwenye Chrome LightHouse na Google PageSpeed ​​kati ya majaribio mengine ya kasi ya ukurasa.

Hakuna suluhisho lililopo la kuondoa rasilimali za kuzuia utoaji katika nambari ya htaccess kwani suala hilo linahusiana na DOM, kumaanisha yaliyomo kwenye wavuti, na agizo ambalo rasilimali zilizojumuishwa zimepakiwa, kama Javascript na CSS, lakini sio tu. Hizi haziwezi kusababishwa na Htaccess, lakini tu kwenye yaliyomo kwenye HTML DOM.

Ikiwa utatatua maswala haya kwa eneo-kazi, wakati huo huo utaondoa rasilimali za kuzuia utoaji wa rununu kwani zote mbili ni sawa kabisa!

Did you know that you can even have all these steps executed automatically for you by using an external  Kiharusi cha kasi ya Tovuti   technology, which through artificial intelligence will preload your site, optimize it, and deliver it to your visitors? It is possible with tools such as Ezoic platform offering, with a free trial and no credit card required. Otherwise, implement below optimizations in your website!

Badilisha faili za Javascript

Ili kurejesha mzigo wa faili zako za JS [2], unaweza kuongezea async au kuacha maelekezo kwa viungo vya maandiko yako. Async haitathibitisha kuwa imefungwa kwa mlolongo sawa - kwa hiyo, ikiwa una scripts kadhaa ambazo zinapaswa kukimbia baada ya nyingine, husema ni bora kuhakikisha mlolongo:

Pakia CSS baada ya mzigo wa HTML

Kwa CSS ya kubeba baada ya HTML kamili kuenezwa, Google inapendekeza [3] kipande hiki cha msimbo wa kuongezea mwishoni mwa HTML yako, kwa mfano baada ya lebo ya kufungwa kwa miguu na kabla ya lebo ya kufungwa kwa mwili:

Ili kuboresha tovuti yako, pia ni wazo nzuri ya kuondoa msimbo wa CSS usiotumiwa, operesheni ambayo inaweza kuwa yenye kuchochea ikiwa huna ujuzi katika kubuni wavuti. Ikiwa haujaunda mandhari yako ya tovuti yako mwenyewe, inaweza kuwa na hekima kutumia mfumo wa nje ili kuondoa msimbo usiotumiwa wa CSS kwenye kurasa zako kwa niaba yako, kama vile leap ya ezoic kwa mfano, toleo jipya (na la bure kabisa) la tovuti yao ya kushangaza Kasi ya kasi.

Pitisha mtihani wa kasi wa tovuti ya Google!

Hii imenisaidia kupitisha mtihani wa Google PageSpeed ​​[1] Kuondoa JavaScript na CSS katika maudhui ya hapo juu (ikiwa ni pamoja na kizuizi cha kivinjari cha kivinjari [4]) kwenye tovuti, hukua kutoka alama ya 51 kwenye simu ( Kielelezo 1) hadi 72 (Kielelezo 2), na kutoka 59 (Kielelezo 3) hadi 79 kwenye desktop (Mchoro 4).

Jinsi ya kuondoa rasilimali za kuzuia utoaji katika WordPress

Ili kuondokana na rasilimali za kuzuia utoaji katika WordPress, ni muhimu kuingiza Plugin kama vile JetPack.

Kisha, nenda kwenye chaguzi, ambazo lazima uwe msimamizi, na uende kwenye chaguo la JetPack> Kuandika> Utendaji na kasi> Angalia Weka kasi ya kasi ya tovuti, kasi kasi ya mzigo wa picha, kasi kasi ya kupakia faili wakati, na uwezesha upakiaji wa wavivu kwa Picha.

Uundaji wa Tovuti ya Master: Jiandikishe sasa!

Badilisha uwepo wako wa dijiti na kozi yetu kamili ya uundaji wa wavuti - anza safari yako ya kuwa mtaalam wa wavuti leo!

Jiandikishe hapa

Hii itaondoa rasilimali za kuzuia utoaji katika WordPress na kurasa za mzigo kwa haraka kwa kuruhusu JetPack ili kuboresha picha zako na kutumikia picha zako na faili zilizosimama (kama vile CSS na JavaScript) kutoka kwa mtandao wao wa seva.

Pia, usisahau kusahau picha za kupakia mbali-skrini kwa kutumia kazi ya mzigo wavivu. Ingawa ilikuwa vigumu na inahitaji maktaba ya nje ili upate picha za kupakia mbali, sasa inawezekana natively katika HTML5!

Ili kutekeleza upakiaji wa picha kwenye tovuti zako, tu kuongeza maadili ya wavivu kwa Upakiaji wa sifa za picha zako za tovuti, na vivinjari vya hivi karibuni wataelewa kwamba picha hizi zinapaswa kuombwa tu na kubeba ikiwa zinaonyeshwa, maana kama mtumiaji anaendelea Wafanyakazi wa picha.

<img src=”SRC” alt=”ALT” loading=”lazy”></img>

Juu ya hayo, upakiaji wavivu pia hufanya kazi na Iframes, na ni utekelezaji muhimu wa kuondoa rasilimali za kuzuia utoaji kutoka kwenye wavuti zako.

Mara baada ya utoaji wa rasilimali za kuzuia utakuwa na maagizo ya kupakia baada ya maudhui kuu, maana ya HTML DOM, utakuwa tayari kupata pointi nyingi kwenye mtihani wa Google Lighthouse, mtihani wa ukurasa wa kasi, au vitambulisho vya Google Core.

Kuwa na mfumo wa nje kuongeza wavuti yako kwako

Je! Unajuwa kuwa kweli unaweza kuwa na maswala yote yaliyowekwa kwenye Ukurasa wa Google kutatuliwa kwa niaba yako, bila juhudi nyingi kutoka kwa wavuti yako - isipokuwa kujiandikisha kwa jaribio la bure na kubadilisha DNS yako?

Kutumia teknolojia ya kiharusi cha Tovuti ya Ezoic kasi ya kasi, mambo yote ya kawaida ya Ukurasa wa Google yatasuluhishwa na mfumo wao, ambao utakuwa mpatanishi kati ya wavuti yako na wageni. Watakuongeza ukurasa wa wavuti kabla ya kuionyesha kwa mgeni wako.

Kuwa kijani kwa kujiandikisha kwa jaribio la bure tu kwenye jukwaa la Ezoic na ujaribu mwenyewe - watafanya wavuti yako kufikia viwango vya juu vya utaftaji wa kasi ya ukurasa ndani ya siku chache: atoa picha za kizazi kijacho, ongeza CSS na JavaScript kwa kuondoa CSS isiyotumika na JS, picha za mzigo wa uvivu, saizi picha, cache kurasa za tovuti yako, ongeza fonti, unganisha mapema kwenye tovuti zako zote, na mengi zaidi.

Hakuna kadi ya mkopo inayohitajika - unachohitajika kufanya ni kujiandikisha bure na ujaribu. Pamoja, ikiwa wavuti yako inapata pesa kutoka kwa matangazo ya kuonyesha, juu ya kutengeneza wavuti yako haraka sana, zinaweza pia kukufanya upate pesa mara kadhaa zaidi kuliko unavyofanya na Google AdSense kwa kuongeza matangazo yako na kujifunza kwa mashine na intellingence ya juu ya bandia.

Maswali Yanayoulizwa Mara Kwa Mara

Jinsi ya kuondoa JavaScript ya kuzuia na CSS katika yaliyomo hapo juu?

Ili kuondoa JavaScript ya kuzuia na CSS kwa yaliyomo hapo juu, unapaswa kuhakikisha kuwa faili za tovuti yako ya JS na CSS zinapakiwa baada ya HTML kubeba kikamilifu. Hii inamaanisha kutosimamia mchakato wa upakiaji wa HTML kupakua faili hizi. Unaweza kuahirisha faili za JavaScript na sifa ya async au defer, na kwa CSS, unaweza kutumia nambari maalum kuipakia baada ya HTML. Mfumo wa utaftaji wa nje kama Ezoic unaweza pia kushughulikia hii moja kwa moja.

Je! Watengenezaji wa wavuti wanawezaje kushughulikia pendekezo la Google Pagespeed la kuondoa JavaScript ya kuzuia na CSS?

Watengenezaji wa wavuti wanaweza kuongeza tovuti yao kwa kuboresha faili za JavaScript na CSS, kwa kutumia upakiaji wa asynchronous kwa JavaScript, kuingiza CSS muhimu moja kwa moja kwenye HTML, na kurudisha upakiaji wa CSS isiyo na maana na faili za JavaScript. Utekelezaji wa mikakati hii inaweza kuboresha sana nyakati za upakiaji na alama za ukurasa.

Score Perfect Chrome Lighthouse: Nini kinatokea?