Nustatyti Google puslapio spartą Pašalinkite JavaScript ir CSS sluoksnį blokuojantį turinį

Spręskite, kaip blokuoti „Javascript“ ir CSS

Google puslapio spartos [1] bandymas Pašalinkite išverstinio blokavimo JavaScript ir CSS aukščiau pateiktame turinyje siūlo jūsų svetainės JS ir CSS failus pateikti po to, kai HTML yra visiškai įkeltas, - todėl nepajunkite HTML paketo juos atsisiųsti.

Pateikimą blokuojančio scenarijaus apibrėžimas: scenarijai, įkeliami prieš analizuojant visą HTML DOM. Pvz., Scenarijai, įtraukti į antraštę arba į turinį, be jokių specialių nurodymų naršyklėms atidėti scenarijų įkėlimą iki HTML dažų.

Pašalinkite atvaizdavimą blokuojančius „JavaScript“ ir CSS virš matomos ribos esančiame turinyje: parodykite, kaip tai ištaisyti

1. Tegul išorinė sistema optimizuoja jūsų svetainę
   
2. Naudokite CDN, kuris jūsų vardu atliks visus įmanomus optimizavimus, įskaitant tris toliau nurodytus optimizavimo veiksmus, būtinus norint pašalinti pateikimo blokavimo išteklius:
   
3. Atidėkite „Javascript“ failų įkėlimą
   
4. Įkelkite CSS po HTML įkėlimo
   
5. Naudokite „WordPress“ papildinį
   

Norint pašalinti atvaizdavimo blokavimo išteklius, reikia daug optimizavimo būdų, todėl gali būti nuobodu juos įgyvendinti patiems - be to, turėsite nuolat ieškoti naujų testų, įtrauktų į „Chrome LightHouse“ ir „Google PageSpeed“, be kitų puslapių greičio testų.

Nėra jokio sprendimo, kaip pašalinti „htaccess“ kodo pateikimą blokuojančius išteklius, nes problema susijusi su DOM, ty svetainės turiniu ir tvarka, kuria įkeliami įtraukti ištekliai, pvz., „Javascript“ ir CSS, bet ne tik. Jų negalima suaktyvinti naudojant „Htaccess“, bet tik HTML DOM turinyje.

Jei išspręsite šias problemas darbalaukyje, tuo pačiu pašalinsite atvaizdavimą blokuojančius išteklius mobiliesiems, nes abu yra visiškai vienodi!

Did you know that you can even have all these steps executed automatically for you by using an external  Svetainės greičio greitintuvas   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!

Atidėkite „Javascript“ failus

Kad atidėtumėte savo JS failų apkrovimą [2], galite pridėti async arba atidėti instrukcijas savo scenarijų nuorodoms. Async negarantuoja, kad jie yra pakraunami toje pačioje seka, taigi, jei turite keletą scenarijų, kurie turėtų būti paleisti vienas po kito, pageidautina atidėti, kad būtų užtikrinta seka:

Įkelkite CSS po HTML įkėlimo

Kad CSS būtų įkeltas po to, kai HTML yra perduodamas, Google siūlo [3] šį kodo dalį pridėti HTML pabaigoje, pvz., Po to, kai apačioje esanti užpakalinė žyma ir prieš uždarant įstaigos žymą:

Norint optimizuoti savo svetainę, taip pat yra gera idėja pašalinti nepanaudotą CSS kodą, operaciją, kuri gali būti varginantis, jei neturite žinių apie interneto dizainą. Jei nesukūrėte savo svetainės temos, tai gali būti išmintingiau naudoti išorinę sistemą, kad jūsų puslapiuose būtų pašalintas nepanaudotas CSS kodas jūsų vardu, pvz., Ezoic šuolį, pvz., Naują (ir visiškai nemokamą) savo nuostabios svetainės versiją Greičio greitintuvas.

Išlaikykite „Google“ svetainės greičio testą!

Tai leido man perduoti Google PageSpeed [1] testą Pašalinti išversto blokavimo JavaScript ir CSS viršaus turinį (kartu su Leverage naršyklės spartinimo [4]) tinklalapyje, padidėjęs nuo 51 balo mobiliajame telefone ( 1 paveikslas) iki 72 (2 pav.) Ir nuo 59 (3 pav.) Iki 79 ant stalo (4 pav.).

Kaip pašalinti „WordPress“ teikiamus blokavimo išteklius

Norint pašalinti „WordPress“ blokavimo išteklius, būtina įdiegti papildinį, pvz., „JetPack“.

Tada eikite į parinktis, kurioms turite būti administratorius, ir eikite į „JetPack“ parinktis> Rašymas> našumas ir greitis> patikrinkite Įgalinti svetainės greitintuvą, pagreitinkite vaizdo įkelties laiką, pagreitinkite statinio failo įkėlimo laiką ir įgalinkite tingų įkėlimą vaizdai.

Pagrindinė svetainės kūrimas: užsiregistruokite dabar!

Pertvarkykite savo skaitmeninį buvimą naudodamiesi mūsų išsamiais svetainių kūrimo kursu - pradėkite kelionę į interneto ekspertą šiandien!

Užsiregistruokite čia

Tai pašalins „WordPress“ blokavimo išteklius ir greičiau įkels puslapius, leidžiant „JetPack“ optimizuoti savo vaizdus ir aptarnauti vaizdus bei statinius failus (pvz., CSS ir „JavaScript“) iš savo pasaulinio serverių tinklo.

Be to, nepamirškite atidėti įkelti vaizdų išjungimo ekraną naudodami tingią apkrovos funkciją. Nors jis buvo sunkus ir reikalauti išorinės bibliotekos atidėti pakrovimo vaizdus ne ekrane, dabar įmanoma natūraliai html5!

Norint įgyvendinti tingus vaizdus į savo svetaines, tiesiog pridėkite vertybes tingus į savo svetainės vaizdų pakrovimą, ir naujausi naršyklės supras, kad šie vaizdai turėtų būti prašomi tik ir pakraunami, jei jie bus rodomi, o vartotojas slenka iki vaizdo vietovėse.

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

Be to, tingus pakrovimas taip pat dirba su iFrames ir yra svarbus įgyvendinimas, siekiant pašalinti Restorborbo išteklius iš jūsų tinklalapių.

Kai atvaizdavimo blokavimo ištekliai turės nurodymus įkelti po pagrindinio turinio, o tai reiškia HTML DOM, jūs jau uždirbti taškų Google švyturio testą, puslapio greičio įžvalgų testą, arba Google Core Winters.

Turėkite išorinę sistemą, kuri optimizuotų jūsų svetainę

Ar žinote, kad iš tikrųjų visas „Google PageSpeed“ problemas jūs galite išspręsti jūsų vardu be didelių pastangų iš savo svetainės - išskyrus registraciją nemokamam bandomajam laikotarpiui ir DNS pakeitimą?

Naudojant „Ezoic“ platformos svetainės greičio greitintuvo technologiją, visas įprastas „Google PageSpeed“ problemas išspręs jų sistema, kuri bus tarpininkas tarp jūsų svetainės ir lankytojų. Jie optimizuos jūsų tinklalapį prieš jį rodydami lankytojui.

Tapkite žali tiesiog registravęsi į nemokamą bandomąją versiją „Ezoic“ platformoje ir išbandykite patys - jie per kelias dienas padės jūsų svetainei pasiekti aukščiausius puslapio greičio optimizavimo standartus: pateikite naujos kartos internetinius vaizdus, ​​optimizuokite CSS ir „JavaScript“, pašalindami nenaudojamą CSS. ir JS, tingiai įkelkite vaizdus, ​​pakeiskite vaizdų dydį, talpinkite savo svetainės puslapius, optimizuokite šriftus, išankstinį prisijungimą prie visų įtrauktų svetainių ir dar daugiau.

Kreditinės kortelės nereikia - viskas, ką jums reikia padaryti, tai nemokamai užsiregistruoti ir išbandyti. Be to, jei jūsų svetainė uždirba pinigų iš vaizdinių skelbimų, be to, daug greičiau uždirbanti svetainę, jie taip pat gali priversti uždirbti kelis kartus daugiau pinigų, nei jūs darote naudodamiesi „Google AdSense“, optimizuodami savo skelbimus naudodami mašininį mokymąsi ir pažangų dirbtinį intelektą.

Dažnai Užduodami Klausimai

Kaip pašalinti „JavaScript“ ir „CSS“ atspindinčią atspindį aukščiau esančiame turinyje?

Norėdami pašalinti „JavaScript“ ir „CSS“, kad gautumėte aukštesnį nei aukštesnį turinį, turėtumėte įsitikinti, kad jūsų svetainės JS ir CSS failai yra įkelti po to, kai HTML yra visiškai įkeltas. Tai reiškia, kad šiems failams atsisiųsti HTML įkėlimo procesą nereikia pristabdyti. Galite atidėti „JavaScript“ failus naudodami atributą „Async“ arba „Defer“, o CSS - galite naudoti konkretų kodą, kad įkeltumėte jį po HTML. Išorinė optimizavimo sistema, tokia kaip Ezoic, taip pat gali tai valdyti automatiškai.

Kaip žiniatinklio kūrėjai gali kreiptis į „Google PageSpeed“ rekomendaciją pašalinti atvaizdą blokuojantį „JavaScript“ ir CSS?

Žiniatinklio kūrėjai gali optimizuoti savo svetainę, sumažindami „JavaScript“ ir CSS failus, naudodami asinchroninį „JavaScript“ įkėlimą, įvedant kritinę CSS tiesiai į HTML ir atidėdami nekritinių CSS ir „JavaScript“ failų įkėlimą. Įdiegus šias strategijas, galima žymiai pagerinti pakrovimo laiką ir puslapių perspektyvų balus.

Puikus Chrome švyturio balė: kas atsitinka?