Kaip pašalinti atvaizdavimą blokuojančius išteklius „WordPress“ (labai paprasta)

Pateikimo blokavimo ištekliai gali būti didelis kančia tinklaraštininkams. „Google“ nuolat perspėja juos pašalinti. Yra daug būdų juos pašalinti, bet čia yra labai paprastas būdas, kuriam nereikia koduoti.

Labai svarbu turėti greitą tinklaraštį ar svetainę. Tai svarbu, jei norite užimti aukštą reitingą paieškos sistemose. Jei jūsų svetainė yra labai lėta, tai tikrai pakenks jūsų SEO.

Be to, lėta svetainė gali padidinti atmetimo rodiklį, o tai techniškai pakenks jūsų prekės ženklui įvairiais būdais. Lėta svetainė gali turėti įtakos pajamoms ir konversijoms.

Dauguma vartotojų yra nekantrūs, jei jūsų svetainė įkeliama per ilgai, jie jos atsisakys ir pereis prie greitesnės alternatyvos. Tai potencialus klientas arba pajamų didinimo šaltinis.

Jei bandėte pagreitinti savo svetainę ir naudojate testavimo įrankį, pvz., Google „PageSpeed ​​Insight“, vienas įspėjimas, kurį galite gauti, yra pašalinti atvaizdavimą blokuojančius išteklius.

Šiame straipsnyje sužinosite, kaip lengvai pašalinti atvaizdavimą blokuojančius išteklius.

Kas yra pateikimą blokuojantys ištekliai?

Pateikimą blokuojantys ištekliai yra CSS ir JavaScript, kurie sulėtina svetainės įkėlimo laiką, nes žiniatinklio naršyklė turi ją atsisiųsti, kad būtų galima pateikti puslapio turinį.

Kai lankytojas bando patekti į svetainę, naršyklė iškart pradeda skaityti svetainę nuo viršaus iki apačios. Jei yra CSS arba JavaScript, naršyklė nustos skaityti, kol atsisiųs ir neapdoros failų. Kad naršyklė galėtų pateikti turinį virš matomos ribos, ji turi atsisiųsti CSS arba JavaScript failus.

Įdiegti papildiniai arba temos gali pridėti kai kuriuos iš šių CSS ir JS. Kai kurių nereikia įkelti pirmiausia, jie gali įkelti vėliau. Tačiau kadangi jie yra viršuje, jie sulėtina jūsų svetainę.

Taigi „Google“ reiškia „pašalinti pateikimą blokuojančius išteklius“ yra tai, kad pašalinate nereikalingus išteklius iš savo svetainės viršaus, nes tai sulėtina svetainės turinio įkėlimą.

Kaip rasti pateikimą blokuojančių išteklių

Prieš išspręsdami atvaizdavimo blokavimo problemą, turite žinoti, iš kur ji kyla. Galite sužinoti, kurie ištekliai blokuoja pateikimą, atlikdami testą Google PageSpeed ​​Insight or Web.Measure.

Norėdami rasti pateikimo blokavimo išteklius, galite atlikti toliau nurodytus veiksmus.

1. Aplankykite Google PageSpeed ​​Insight

2. Įveskite savo svetainės adresą ir spustelėkite analizuoti

3. Slinkite žemyn ir ieškokite įspėjimo, kad pašalintumėte atvaizdavimą blokuojančius išteklius.

Patikrinkite, ar tai yra mobiliajame ir darbalaukyje.

PageSpeed ​​Insight Desktop
„BloggingTools“ darbalaukyje yra 100, laimei, neturime atvaizdavimo blokavimo problemos

Dėl Tinklaraščių rašymo įrankiai, mes neturime atvaizdavimo blokavimo problemų staliniams kompiuteriams, bet turime mobiliesiems. Taigi, kaip matote toliau, naudosime mobilųjį telefoną.

PageSpeed ​​Insight Mobile rezultatas
„PageSpeed ​​Insight“ mobiliesiems
Turime 2 problemas mobiliesiems

Mobiliesiems, kaip matote aukščiau, turime 2 pateikimo blokavimo problemas. Su 93 balu. Rezultatas buvo didesnis, bet dėl ​​šio įrašo turėjau išjungti Autoptimize įskiepį.

BloggingTools.org pasiekė šį rezultatą be optimizavimo, nes naudojame labai greitą ir lengvą temą, vadinamą Generuoti spaudą. Taip pat teikiame prieglobą labai greitoje žiniatinklio priegloboje, žinomoje kaip Cloudways.

pastabos: Jūs neturėtumėte būti apsėstas norint gauti 100 pagal PageSpeed ​​Insight balą. Tai tik vadovas. Paprastai daugumai žmonių tinka vidutinis balas nuo 65 iki 80. Nepašalinkite failų, kurie yra būtini jūsų verslui.

Geras „WordPress“ dalykas yra tas, kad jums nereikia visko daryti rankiniu būdu. Yra keletas gerai užkoduotų įskiepių, kurie gali padėti.

Kaip pašalinti „WordPress“ pateikimo blokavimo išteklių problemą

Atlikite šiuos veiksmus, kad pašalintumėte pateikimo blokavimo išteklių problemą:

1. Įdiekite ir suaktyvinkite automatinį optimizavimą

Yra daug „WordPress“ įskiepių, kurie gali tai padaryti, pavyzdžiui, „W3 total cache“, WP raketų ir taip toliau. Tačiau iš savo patirties su daugeliu svetainių galiu pasakyti, kad „Autoptimize“ visada su tuo susitvarko daug geriau nei bet kuri kita. Nuostabu tai, kad „Autoptimize“ suderinamas su beveik visais „WordPress“ talpyklos įskiepiais ir yra nemokamas.

Eikite į „WordPress“ papildinių katalogą, kad įdiekite ir suaktyvinkite automatinį optimizavimą

2. Apsilankykite Automatizuoti nustatymus

Jei kada nors reikės, kur rasti automatinio optimizavimo nustatymus, „WordPress“ prietaisų skydelyje spustelėkite nustatymus, tada spustelėkite „Automatizuoti“.

3. Optimizuokite „JavaScript“.

Skiltyje „JavaScript“ parinktys pasirinkite Optimizuoti scenarijaus kodą ir taip pat pasirinkite sukauptus JS failus. Žemiau galite rasti nustatymus, kuriuos naudoju „BloggingTools“.

Automatizuoti JavaScript

4. Optimizuokite CSS

Skiltyje Optimizuoti CSS parinktys pasirinkite Optimizuoti CSS kodą. Taip pat pasirinkite apibendrintus CSS failus ir „Taip pat agreguoti įterptąjį CSS“. Žr. toliau pateiktas parinktis, kurias naudoju „BloggingTools“.

Automatizuoti CSS

5. Optimizuokite HTML

Jei norite geresnio našumo, taip pat galite naudoti automatinį optimizavimą, kad optimizuotumėte HTML. Skiltyje HTML parinktys pasirinkite optimizuoti HTML kodą. Žemiau galite pamatyti nustatymus, kuriuos naudoju „BloggingTools“.

Automatizuoti HTML

6. Patikrinkite įvairias parinktis

Galite patikrinti „Įvairios parinktys“ ir pakoreguoti kai kuriuos nustatymus, kad jie jums tinka. Toliau galite rasti „BloggingTools“ nustatymus.

Automatizuoti įvairias parinktis

7. Išsaugokite ir ištuštinkite talpyklą.

Tada tiesiog spustelėkite Išsaugoti ir ištuštinkite talpyklą. Tai viskas!

Po viso to galite dar kartą patikrinti savo svetainę naudodami „Google PageSpeed ​​Insight“. „BloggingTools“ atveju iš karto po to mūsų rezultatas pašoko iki 95 ir visi įspėjimai, kad pašalinami vaizdų blokavimo ištekliai, visiškai išnyko. Žiūrėkite žemiau.

„Google PageSpeed ​​Insight“ mobiliesiems
Google PageSpeed ​​Insight Mobile balas

Atminkite, kad atsižvelgiant į tai, kiek turite pateikimą blokuojančių išteklių ir kiek jie svarbūs jūsų svetainei, keletas jų gali likti. Nebandykite jų pašalinti.

Jei norite dar labiau pašalinti, galite naudoti Asinchroninis JavaScript, to paties autoriaus kaip Autoptimize papildinys. Jie dirba kartu. Nerekomenduoju to daryti, nes tai gali sugadinti jūsų svetainę. Vien tik automatizuoti yra gerai!

Išvada

Greitis yra svarbus, o atvaizdavimą blokuojančių išteklių pašalinimas gali padėti jūsų svetainei įkelti greičiau ir suteikti svetainei geresnį greičio testavimo įrankių balą. Tačiau niekada neturėtumėte būti apsėsti šių balų, nes jie skirti tik vadovautis.

Jei po to jūsų svetainė vis dar labai lėta. Trys labiausiai tikėtinos problemos gali būti tai, kad jūsų tema arba žiniatinklio priegloba yra bloga, arba jūs turite įdiegti netinkamus papildinius. rekomenduoju Coudways kaip geriausia žiniatinklio priegloba ir Generuoti spaudą kaip geriausia tema. Jei esate pradedantysis, Bluehost gali susitvarkyti, bet jei galite sau tai leisti, Cloudways yra geriausias. Galite pradėti nemokamai. TargetTrend naudoju GeneratePress ir Coudways

Taip pat skaitykite:

Kaip padaryti „WordPress“ labai greitą

Kaip pritraukti srautą į savo tinklaraštį

Kaip užsidirbti pinigų tinklaraščiams

Kaip pradėti dienoraštį

Mfonas Abelis Ekene

Mfonas Abelis Ekene

Man patinka kurti naudingą turinį. Mano aistra yra padėti interneto gyventojams rasti tai, ko jiems reikia, nukreipiant juos teisinga kryptimi. Tai yra tai, ką mėgstu daryti, todėl įdedu daug valandų tyrimų ir bandymų, kad įsitikinčiau, jog tai darau naudodamas savo turinį „TargetTrend“.

Straipsniai: 51

Gaukite techninių dalykų

Technikos tendencijos, paleidimo tendencijos, apžvalgos, pajamos internetu, žiniatinklio įrankiai ir rinkodara kartą ar du per mėnesį