Kuidas WordPressis renderdamist blokeerivaid ressursse kõrvaldada (väga lihtne)
Renderdamise blokeerivad ressursid võivad ajaveebijatele suureks piinaks osutuda. Google hoiatab pidevalt nende kõrvaldamiseks. Nende eemaldamiseks on palju viise, kuid siin on väga lihtne viis, mis ei vaja kodeerimist.
Kiire ajaveebi või veebisaidi omamine on väga oluline. See on oluline, kui soovite olla otsingumootorites kõrgel kohal. Kui teie veebisait on väga aeglane, kahjustab see kindlasti teie SEO-d.
Samuti võib aeglane veebisait tõsta põrkemäära kõrgeks, mis kahjustab teie brändi tehniliselt mitmel viisil. Aeglane veebisait võib mõjutada sissetulekut ja konversiooni.
Enamik kasutajaid on kannatamatud, kui teie saidi laadimine võtab liiga kaua aega, hülgavad nad selle ja lähevad üle kiiremale alternatiivile. See on potentsiaalne klient või tulude suurendaja.
Kui olete püüdnud oma veebisaiti kiirendada ja kasutate testimistööriista nagu Google PageSpeed InsightÜks hoiatus, mille võite saada, on renderdamist blokeerivate ressursside kõrvaldamine.
Sellest artiklist saate teada, kuidas renderdust blokeerivaid ressursse hõlpsalt kõrvaldada.
Mis on renderdamist blokeerivad ressursid?
Renderdust blokeerivad ressursid on CSS ja JavaScript, mis aeglustavad veebisaidi laadimisaega, kuna veebibrauser peab selle enne lehe sisu renderdamist alla laadima.
Kui külastaja proovib veebisaidile pääseda, hakkab brauser kohe veebisaiti ülalt alla lugema. CSS-i või JavaScripti olemasolul lõpetab brauser lugemise seni, kuni failid alla laadib ja töötleb. Enne lehe ülaosa sisu renderdamist peab brauser alla laadima CSS- või JavaScript-failid.
Installitud pistikprogrammid või teemad võivad lisada mõned neist CSS-idest ja JS-idest. Mõnda ei pea esmalt laadima, neid saab laadida hiljem. Kuid kuna need on ülaosas, aeglustavad nad teie veebisaiti.
Google tähendab renderdust blokeerivate ressursside kõrvaldamise all seda, et eemaldate oma veebisaidi ülaosast mittevajalikud ressursid, kuna see aeglustab veebisaidi sisu laadimist.
Kuidas leida renderdust blokeerivaid ressursse
Enne renderduse blokeerimise probleemi lahendamist peate teadma, kust see pärineb. Saate teada saada, millised ressursid renderdamist blokeerivad, käivitades testi Google Page Speed Insight or Web.Measure.
Renderduse blokeerivate ressursside leidmiseks järgige alltoodud juhiseid.
1. Külastage Google Page Speed Insight
2. Sisestage oma veebisaidi aadress ja klõpsake analüüsi
3. Kerige alla ja otsige renderdamist blokeerivate ressursside kõrvaldamise hoiatust.
Kontrollige seda nii mobiili- kui ka lauaarvutis puudutades.
eest Blogitööriistad, meil ei ole töölaua jaoks renderdamise blokeerimisega probleeme, küll aga mobiili jaoks. Selle huvides kasutame mobiili, nagu näete allpool.
Nagu ülalt näete, on mobiilseadmete jaoks kaks renderdamise blokeerimise probleemi. Hindega 2. Skoor oli kõrgem, kuid selle postituse huvides pidin Autoptimize plugina deaktiveerima.
BloggingTools.org saavutas selle tulemuse ilma optimeerimiseta, kuna kasutame väga kiiret ja kerget teemat nimega GeneratePress. Samuti hostime väga kiires veebimajutajas, mida tuntakse kui Cloudways.
märkused: Te ei tohiks olla kinnisideeks, et saada PageSpeed Insighti skoori 100. See on ainult juhend. Tavaliselt sobib enamiku inimeste keskmine hinne 65–80. Ärge eemaldage faile, mis on teie ettevõtte jaoks olulised.
WordPressi hea asi on see, et te ei pea kõike käsitsi tegema. Abiks on mõned hästi kodeeritud pistikprogrammid.
Kuidas WordPressis renderdamist blokeerivate ressursside probleemi lahendada
Renderdust blokeerivate ressursside probleemi lahendamiseks järgige neid samme.
1. Installige ja aktiveerige automaatne optimeerimine
Selleks on palju WordPressi pluginaid, näiteks W3 Total Cache. WP raketi ja nii edasi. Aga minu kogemuse põhjal paljude veebisaitidega saab Autoptimize sellega alati palju paremini hakkama kui ükski teine. Imeline on see, et Autoptimize ühildub peaaegu kõigi WordPressi vahemällu salvestamise pluginatega ja on tasuta.
Minge WordPressi pistikprogrammide kataloogi installige ja aktiveerige automaatne optimeerimine
2. Avage seadete optimiseerimine
Kui teil on kunagi vaja, kust leida automaatse optimeerimise sätted, klõpsake oma WordPressi armatuurlaual suvandil Seaded ja seejärel käsul Automaatne.
3. Optimeerige JavaScript
JavaScripti suvandite all valige Optimeeri skriptikoodi ja valige ka koondatud JS-failid. Seaded, mida ma BloggingToolsi jaoks kasutan, leiate altpoolt.
4. Optimeerige CSS
Valige CSS-i optimeerimise suvandite all Optimeeri CSS-koodi. Valige ka koond-CSS-failid ja „Agregate inline CSS”. Vaadake allpool olevaid valikuid, mida ma BloggingToolsi jaoks kasutan.
5. Optimeerige HTML-i
Kui soovite paremat jõudlust, saate HTML-i optimeerimiseks kasutada ka funktsiooni Autoptimize. Valige jaotises HTML-i valikud HTML-koodi optimeerimine. Allpool näete seadeid, mida ma BloggingToolsi jaoks kasutan.
6. Kontrollige Muud suvandid
Saate vaadata suvandeid Misc Options ja kohandada mõningaid sätteid nii, nagu see teie jaoks töötab. BloggingToolsi seaded leiate altpoolt.
7. Salvestage ja tühjendage vahemälu.
Järgmisena klõpsake lihtsalt nuppu Salvesta ja tühjendage vahemälu. See on kõik!
Pärast kõike seda saate oma saiti uuesti kontrollida teenuses Google PageSpeed Insight. BloggingToolsi puhul hüppas meie skoor kohe pärast seda 95-ni ja kõik renderdamist blokeerivate ressursside kõrvaldamise hoiatused kadusid täielikult. Vaata allpool.
Pange tähele, et olenevalt sellest, kui palju renderdust blokeerivaid ressursse teil on ja kui olulised need teie saidi jaoks on, võivad mõned neist alles jääda. Ärge püüdke neid eemaldada.
Kui soovite veelgi kõrvaldada, võite kasutada Asünkroonitud JavaScript, sama autori pistikprogramm nagu Autoptimize. Nad töötavad koos. Ma ei soovita seda, kuna see võib teie saiti rikkuda. Ainult automatiseerimine on okei!
Järeldus
Kiirus on oluline ja renderdust blokeerivate ressursside kõrvaldamine võib aidata teie veebisaidil kiiremini laadida ja anda saidile kiiruse testimise tööriistade osas parema skoori. Kuid te ei tohiks kunagi olla nendest skooridest kinnisideeks, sest need on ainult juhendamiseks.
Kui teie veebisait on pärast seda endiselt väga aeglane. Kolm kõige tõenäolisemat probleemi võivad olla see, et teie teema või veebihost on halb või teil on installitud halvad pistikprogrammid. soovitan Coudwayd parima veebimajutajana ja GeneratePress kui parim teema. Kui oled algaja, Bluehost saab hakkama, kuid kui saate seda endale lubada, on Cloudways parim. Võite alustada tasuta. TargetTrendi jaoks kasutan GeneratePressi ja Coudwaysi
Loe ka:
Kuidas muuta WordPress väga kiireks
seotud artiklid
