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 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.

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ö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.

PageSpeed Insight Desktop
BloggingToolsissa meillä on 100 työpöydällä, onneksi meillä ei ole renderöinnin esto-ongelmaa

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.

PageSpeed Insight Mobile score
PageSpeed Insight mobile
Meillä on 2 ongelmaa mobiililaitteille

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.

Autoptimize JavaScript

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.

Autoptimize CSS

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.

Autoptimize HTML

6. Tarkista Muut asetukset

Voit tarkistaa Muut asetukset ja säätää joitain asetuksia niin, että se toimii sinulle. Löydät BloggingToolsin asetukset alta.

Autoptimize Misc options

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.

Google PageSpeed Insight mobile
Google PageSpeed Insight Mobile score

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

Kuinka ansaita rahaa bloggaaminen

Blogin aloittaminen

Mfon Abel Ekene

Mfon Abel Ekene

Nautin hyödyllisen sisällön luomisesta. Intohimoni on auttaa Internet-väestöä löytämään tarvitsemansa ohjaamalla heitä oikeaan suuntaan. Sitä rakastan tehdä, ja teen useita tunteja tutkimusta ja testausta varmistaakseni, että teen juuri sen TargetTrendin sisällön kautta.

Artikkelit: 48

Vastaanota teknisiä tavaroita

Tekniset trendit, startup-trendit, arvostelut, online-tulot, verkkotyökalut ja markkinointi kerran tai kahdesti kuukaudessa

Jätä vastaus

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *