Kuinka poistaa renderöinnin estävät resurssit WordPressissä (erittäin helppoa)
Renderöinnin estoresurssit voivat olla suuri tuska bloggaajille. Google varoittaa jatkuvasti poistamaan ne. On monia tapoja poistaa ne, mutta tässä on hyvin yksinkertainen tapa, joka ei vaadi koodausta.
Nopea blogi tai verkkosivusto on erittäin tärkeä. Se on tärkeää, jos haluat sijoittua korkealle hakukoneissa. Jos verkkosivustosi on erittäin hidas, se vahingoittaa ehdottomasti hakukoneoptimointiasi.
Myös hidas verkkosivusto voi nostaa poistumisprosentin korkeaksi, mikä vahingoittaa brändiäsi teknisesti monin tavoin. Hidas verkkosivusto voi vaikuttaa tuloihin ja tulokseen.
Useimmat käyttäjät ovat kärsimättömiä. Jos sivustosi lataaminen kestää liian kauan, he hylkäävät sen ja siirtyvät nopeampaan vaihtoehtoon. Se on potentiaalinen asiakas tai tulojen lisääjä poissa.
Jos olet yrittänyt nopeuttaa verkkosivustoasi ja käytät testaustyökalua, kuten Google PageSpeed Insight , yksi todennäköisesti saamasi varoitus on poistaa renderöintiä estävät resurssit.
Tässä artikkelissa opit poistamaan renderöinnin estävät resurssit helposti.
Mitä ovat renderöinnin estävät resurssit?
Renderöinnin estävät resurssit ovat CSS- ja JavaScript-resurssit, jotka hidastavat verkkosivuston latausaikaa, koska verkkoselaimen on ladattava se, ennen kuin sivun sisältö voidaan hahmontaa.
Kun vierailija yrittää päästä verkkosivustolle, selain alkaa heti lukea verkkosivustoa ylhäältä alas. Jos CSS- tai JavaScript-tiedostoja on, selain lopettaa lukemisen, kunnes se lataa ja käsittelee tiedostot. Ennen kuin selain voi hahmontaa sivun yläosan sisällön, sen on ladattava CSS- tai JavaScript-tiedostot.
Asentamasi laajennukset tai teemat voivat lisätä joitakin näistä CSS- ja JS-tiedostoista. Joidenkin ei tarvitse ladata ensin, ne voidaan ladata myöhemmin. Mutta koska ne ovat yläosassa, ne hidastavat verkkosivustoasi.
Joten mitä Google tarkoittaa "poistamalla renderöinnin estävät resurssit" on sitä, että poistat tarpeettomat resurssit verkkosivustosi yläosasta, koska se hidastaa verkkosivuston sisällön lataamista.
Kuinka löytää renderöinnin estäviä resursseja
Ennen kuin voit ratkaista renderöintiä estävän ongelman, sinun on tiedettävä, mistä se tulee. Voit selvittää, mitkä resurssit estävät renderöintiä, suorittamalla testin Google PageSpeed Insightissa tai Web.Measuressa.
Voit etsiä renderöinnin estäviä resursseja noudattamalla seuraavia ohjeita:
1. Käy Google PageSpeed Insightissa
2. Kirjoita verkkosivustosi osoite ja napsauta analysoida
3. Vieritä alas ja katso, onko renderöinnin estäviä resursseja poistavaa varoitusta.
Tarkista se sekä mobiili- että työpöytänapautuksesta.
BloggingToolsilla ei ole renderöintiesto-ongelmia työpöytäversiossa, mutta mobiiliversiossa on. Joten tämän vuoksi käytämme mobiiliversiota, kuten alla näet.
Kuten yllä näet, mobiililaitteilla meillä on 2 renderoinnin esto-ongelmaa. Tuloksena 93. Pisteet olivat korkeammat, mutta tämän viestin vuoksi minun oli poistettava Autoptimize-laajennus käytöstä.
BloggingTools.org saavutti tämän pistemäärän ilman optimointia, koska käytämme erittäin nopeaa ja kevyttä teemaa nimeltä GeneratePress . Sivustomme toimii myös erittäin nopealla webhotellipalvelulla nimeltä Cloudways.
Huomautus : Sinun ei pitäisi olla pakkomielteinen saamaan PageSpeed-analyysissä 100 pistettä. Se on vain ohjeellinen. Yleensä 65–80 pistettä on useimmille ihmisille riittävä pistemäärä. Älä poista tiedostoja, jotka ovat välttämättömiä yrityksellesi.
WordPressin hyvä puoli on, että sinun ei tarvitse tehdä kaikkea manuaalisesti. Apuna on joitain hyvin koodattuja lisäosia.
Kuinka korjata renderöinnin estäviä resursseja koskeva ongelma WordPressissä
Noudata näitä ohjeita korjataksesi renderöinnin estoresurssien ongelman:
1. Asenna ja aktivoi Autoptimize
On olemassa monia WordPress-lisäosia, jotka voivat tehdä tämän, kuten W3 Total Cache, WP Rocket ja niin edelleen. Mutta kokemukseni perusteella monilla verkkosivustoilla Autoptimize hoitaa sen aina paljon paremmin kuin mikään niistä. Hienoa on, että Autoptimize on yhteensopiva lähes kaikkien WordPressin välimuistilisäosien kanssa ja se on ilmainen.
Siirry WordPress-laajennusten hakemistoon asentaaksesi ja aktivoidaksesi Autoptimizen.
2. Siirry kohtaan Asetusten optimointi
Jos tarvitset koskaan, mistä löydät Autoptimize-asetukset, napsauta WordPress-hallintapaneelissasi asetuksia ja napsauta sitten Automaattinen.
3. Optimoi JavaScript
Valitse JavaScript-vaihtoehdoista Optimoi komentosarjakoodi ja valitse myös koostetut JS-tiedostot. Löydät BloggingToolsissa käyttämäni asetukset alta.
4. Optimoi CSS
Valitse Optimoi CSS -asetuksista Optimoi CSS-koodi. Valitse myös kootut CSS-tiedostot ja "Aggregate inline CSS". Katso BloggingToolsissa käyttämäni vaihtoehdot alta.
5. Optimoi HTML
Jos haluat paremman suorituskyvyn, voit käyttää myös Automaattista optimointia HTML:n optimointiin. Valitse HTML-asetukset -kohdasta optimoi HTML-koodi. Näet BloggingToolsissa käyttämäni asetukset alta.
6. Tarkista Muut asetukset
Voit tarkistaa Muut asetukset ja säätää joitain asetuksia niin, että se toimii sinulle. Löydät BloggingToolsin asetukset alta.
7. Tallenna ja tyhjennä välimuisti.
Napsauta seuraavaksi Tallenna ja tyhjennä välimuisti. Siinä kaikki!
Tämän jälkeen voit tarkistaa sivustosi uudelleen Google PageSpeed Insightissa. BloggingToolsin pistemäärämme hyppäsi heti tämän tekemisen jälkeen 95:een ja kaikki renderöinnin estäviä resursseja koskevat varoitukset katosivat kokonaan. Katso alempaa.
Huomaa, että riippuen siitä, kuinka monta renderöinnin estävää resurssia sinulla on ja kuinka tärkeitä ne ovat sivustollesi, niistä saattaa jäädä muutama. Älä yritä poistaa niitä.
Jos haluat poistaa tätä lisää, voit käyttää Async JavaScript -laajennusta, jonka on kehittänyt sama tekijä kuin Autooptimize. Ne toimivat yhdessä. En suosittele tätä, koska se saattaa rikkoa sivustosi. Pelkkä Autooptimize on ok!
Yhteenveto
Nopeus on tärkeää, ja renderöinnin estoresurssien poistaminen voi auttaa verkkosivustoasi latautumaan nopeammin ja antaa sivustollesi paremmat pisteet nopeuden testaustyökaluissa. Mutta sinun ei pitäisi koskaan olla pakkomielle näihin pisteisiin, koska ne ovat vain ohjaajia.
Jos verkkosivustosi on tämän jälkeen edelleen erittäin hidas, kolme todennäköisintä ongelmaa voivat olla teemasi tai webhotellisi huono laatu tai asennettujen lisäosien määrä. Suosittelen Coudwaysia parhaaksi webhotelliksi ja GeneratePressiä parhaaksi teemaksi. Jos olet aloittelija, Bluehost pystyy käsittelemään tämän, mutta jos sinulla on varaa, Cloudways on paras. Voit aloittaa ilmaiseksi. Käytän GeneratePressiä ja Coudwaysia TargetTrendin kanssa.
Lue myös:
Kuinka tehdä WordPressistä erittäin nopea
Kuinka saada liikennettä blogiisi
Aiheeseen liittyvät artikkelit
