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.
Paaston pitäminen blogi tai verkkosivusto on erittäin tärkeä. Se on tärkeää, jos haluat sijoittua korkealle Hakukoneet. Jos verkkosivustosi on erittäin hidas, se vahingoittaa sinua varmasti SEO.
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 Googlea PageSpeed Insight, yksi varoitus, jonka saatat saada, on renderöinnin estoresurssien poistaminen.
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.
plugins tai asentamasi teemat voivat lisätä joitain näistä CSS:stä ja JS:stä. 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öinnin esto-ongelman, sinun on tiedettävä, mistä se tulee. Voit selvittää, mitkä resurssit estävät renderöinnin suorittamalla testin Google PageSpeed Insight or Web.Measure.
Voit etsiä renderöinnin estäviä resursseja noudattamalla seuraavia ohjeita:
1. Vierailla Google PageSpeed Insight
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.
varten BloggingTools, meillä ei ole hahmontamisen esto-ongelmia työpöydälle, mutta meillä on mobiililaitteissa. Joten tämän vuoksi käytämme Mobilea, kuten näet alla.
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 tuloksen ilman optimointia, koska käytämme erittäin nopeaa ja kevyttä teemaa nimeltä GeneratePress. Isännöimme myös erittäin nopealla verkkoisännällä, joka tunnetaan nimellä Cloudways.
Huomautuksia: Sinun ei pitäisi olla pakkomielle saada 100 PageSpeed Insight -pisteisiin. Se on vain opas. Yleensä keskimääräinen pistemäärä 65–80 on hyvä useimmille ihmisille. Älä poista tiedostoja, jotka ovat tärkeitä 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 monia WordPress-laajennuksia, jotka voivat tehdä tämän, kuten W3 Total cache, WP Rocket ja niin edelleen. Mutta kokemukseni monista verkkosivustoista, Autoptimize hoitaa sen aina paljon paremmin kuin mikään niistä. Hienoa on, että Autoptimize on yhteensopiva lähes kaikkien WordPress-välimuistilaajennusten kanssa ja se on ilmainen.
Siirry WordPress-laajennusten hakemistoon asenna ja aktivoi Autoptimize
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 lisää, voit käyttää Asynkroninen JavaScript, saman tekijän kuin Autoptimize. He työskentelevät yhdessä. En suosittele tätä, koska se saattaa rikkoa sivustosi. Pelkkä automaattinen optimointi 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 edelleen erittäin hidas tämän jälkeen. Kolme todennäköisintä ongelmaa voivat olla, että teemasi tai verkkoisäntäsi on huono tai sinulla on huonoja laajennuksia asennettuna. minä suosittelen Coudways parhaana verkkoisäntänä ja GeneratePress parhaana teemana. Jos olet aloittelija, Bluehost pärjää, mutta jos sinulla on siihen varaa, Cloudways on paras. Voit aloittaa ilmaiseksi. Käytän GeneratePressiä ja Coudwaysia TargetTrendille
Lue myös:
Kuinka tehdä WordPressistä erittäin nopea
Kuinka saada liikennettä blogiisi
