Kuinka hyödyntää selaimen välimuistia WordPressissä laajennuksella tai ilman [5 tapaa]

Kuinka hyödyntää selaimen välimuistia WordPress

Verkkosivusto hidas ja yrittää parantaa sitä? Olet todennäköisesti nähnyt tämän varoituksen, mutta et ole varma, mitä se tarkoittaa tai kuinka korjata se ... mutta olemme kuulleet sinut. Selaimen välimuistin hyödyntäminen on tapa tehdä verkkosivustostasi nopeampi, mutta ohjeiden antaminen selaimelle tallentamaan tai välimuistitiedostoja jonkin aikaa, jotta niitä ei tarvitse ladata uudelleen seuraavalla käynnillä. Kaikki tämä tarkoittaa lyhyesti. 

Mutta pysy ja lue kaikki siitä, miten voit tehdä verkkosivustostasi nopeamman korjaamalla tämän virheen tai varoituksen.

Pohjimmiltaan, jos haluat hyödyntää selaimen välimuistia, sinun on määritettävä, kuinka kauan verkkoselaimien tulisi pitää paikallisesti tallennetut kuvat, CSS- ja Javascript-tiedostot asiakasselaimessa. Näiden määritysten ja asetusten avulla käyttäjän selain käyttää vähemmän tietoa selatessaan verkkosivustosi sivuja (koska sen on ladattava vähemmän tiedostoja). Selaimen välimuistin hyödyntäminen WordPress tarkoittaa verkkosivustosi latausnopeuden parantamista.

Jos sinulla on vähän aikaa, tämä on helpoin tapa hyödyntää selaimen välimuistia WordPress:

Kuinka korjata vipuvauhdin-selaimen välimuisti WordPress-varoitus

  1. Lataa laajennus, joka löytyy tätä
  2. Siirry WordPressin hallintapaneeliin ja käy sitten: Hallintapaneeli> Laajennukset> Lisää uusi
  3. Hae "Leverage Browser Caching" -vaihtoehtoa tai napsauta Lähetä-laajennus, valitse lataamasi tiedosto ja napsauta Asenna nyt
  4. Aktivoi laajennus
  5. Testaa verkkosivustoasi uudelleen varmistaaksesi, että uudet asetukset toimivat oikein ja varoitus on kadonnut

Toteuttamalla nämä vähäiset muutokset näet, että pisteytyksesi sellaisilla sivustoilla kuin GTMetrix, Pingdom Tools tai Pagespeed Insights kasvavat merkittävästi.

Itse asiassa tämä on yksi helpoimmista tavoista tehdä WordPress-verkkosivustostasi nopeampi.

Se vaatii vain vähän vaivaa puolestasi ja on yksi tärkeimmistä tehtävistä google jotta verkkosivustosi latautuu nopeammin. Myös muut sivustot, kuten GTMetrix tai Google Pagespeed Insights, suosittelevat latauksen nopeuttamista. 

Mikä on selaimen välimuisti?

Voit hyödyntää selaimen välimuistia määrittämällä pitkän käyttöpäivän verkkosivustosi staattiselle sisällölle. Tämän avulla selaimet voivat "hyödyntää" välimuistia ja käyttää näitä tiedostoja uudestaan ​​ja uudestaan ​​tarvitsematta ladata niitä. Välimuistilla nämä tiedostot niitä ei tarvitse ladata uudelleen, joten verkkosivustosi latautuu nopeammin.

Jos haluat mieluummin katsoa tätä videona, olemme äskettäin ladanneet tämän artikkelin YouTube-videoksi, joten tarkista se alla:

BBp1yKrUcTA

Ennen kuin näytämme sinulle, miten tämä toteutetaan, keskustelemme ensin siitä, mitä WordPress-selaimen välimuistin käyttö tarkoittaa ja miten se toimii!

Kun olemme selittäneet, miten se toimii, voit ymmärtää, miten se auttaa saat sivusi latautumaan nopeammin

Pohjimmiltaan, kun joku käy sivulla, selaimen on ladattava kaikki kyseisen toimialueen resurssipalvelimet palvelimelta. Näitä ovat HTML, CSS-tiedosto, JS, teksti, kuvat ja muut resurssit) nykyisen sivun lataamiseksi ja näyttämiseksi.

Sen sijaan, että selain lataa kaiken uudestaan ​​ja uudestaan ​​joka kerta, kun vierailet eri sivulla samalla sivustolla, selain käyttää ns. Web-välimuistia. Tätä ominaisuutta selaimet käyttävät verkkosivujen varojen 'väliaikaiseen tallentamiseen tai välimuistiin tallentamiseen laitteen paikalliseen tallennustilaan. Tätä tallennustilaa tai tietoja kutsutaan Web-välimuisti"Tai"HTTP-välimuisti".

Katso tämä hauska kaavio, joka selittää, miten verkkovälimuisti toimii:

web-välimuistikaavio

Yllä voimme nähdä, että ensimmäisen kerran, kun käyttäjälaite (vasen) pyytää palvelimelta (oikealta) kuvia / logotiedostoa, verkkovälimuistimekanismi pysäyttää pyynnön (joka tarkistaa, onko sillä kopiota kyseisestä tiedostosta). Jos ei, se hakee sen palvelimelta. Seuraavan käynnin aikana se saa palvelimelle menemisen sijaan sen omasta kopiostaan.

Joten tämän toiminnon kauneus on, että kun käyttäjä vierailee uudestaan ​​samalla sivustolla tai eri sivulla samalla toimialueella, selain käyttää kopiota, joka on tällä hetkellä väliaikaisessa välimuistissa - sen sijaan, että hänen tarvitsisi ladata kaikkia resursseja uudestaan. Selain lataa vain kaikki erilaiset.

Koska monilla verkkosivustoilla on vain vähän muutoksia yhdeltä sivulta toiselle ja käyntien välillä, välimuistikopion uudelleenkäyttö mahdollisti sivun latautumisen paljon nopeammin.

Tämä auttaa myös vähentämään verkkopalvelimen kaistanleveyden kulutusta ja myös palvelimen kuormitusta. Saatat myös kohdata varoituksen optimoidessasi sivujasi nopeuden mukaan.

Pagespeed-varoitus selaimen välimuistin hyödyntämiseen

Sivustot, kuten GTMetrix tai Pagespeed Insights, voivat näyttää seuraavaa vipu selaimen välimuistiin varoitus, joka sinun on korjattava, jos et ole aktivoinut alla olevia asetuksia.

Varoitus Google Pagespeed Insights -palvelussa

mutta tämä oli itse asiassa Pagespeed Insightsin vanhemmassa versiossa esitetty varoitus. Uudempi varoitus näyttää hieman tältä:

 

Näytä staattisia resursseja tehokkaalla välimuistikäytännöllä

 

palvella staattisia resursseja tehokkaalla välimuistikäytännöllä

Mitä tämä todella tarkoittaa?

Vaikka yllä kuvattu toiminto on teoriassa loistava, useimmat verkkosivustot "merkitsevät" oletusarvoisesti sisällön vanhenemisen kahdeksan päivän tai lyhyen ajan kuluttua. Tämä tarkoittaa sitä, että jos käyttäjä vierailee verkkotunnuksessasi uudelleen viikon kuluttua, hänen on ladattava resurssit uudestaan.

Kun otamme käyttöön menetelmän selaimen välimuistin hyödyntämiseksi, se, mitä itse asiassa teemme, on ohjeistaa selainta pidentämään kävijöiden lataamien resurssien käyttöikää tai päättymispäivää ja optimoimaan siten suorituskyky.

Pidentämällä välimuistin käyttöikää (tai kuinka kauan tiedosto vanhenee), varmistat, että kävijöiden ei tarvitse odottaa lataavan samoja asioita joka kerta kun vierailevat sivustollasi.

Tähän liittyy hyvin vähän muutoksia, eikä sen toteuttaminen ole kovin monimutkaista - ja tarkan syntaksin löydät alla.

Mitä muutos todellisuudessa tekee, määritetään sisällön viimeinen käyttöpäivä lisäämällä Välimuistin hallinnan otsikot että ETag Otsikot HTTP-otsikoissa. Cache-Control-otsikko ilmoittaa tietyn tiedoston tai tiedostotyypin välimuistin jakson. ETagia käytetään sitten tarkistamaan välimuistissa olevan ja pyydetyn resurssin väliset muutokset (tai ei).

Asetuksen avulla voit yleensä määrittää ajanjakson päivinä, kuukausina tai vuosina välimuistitiedostojen paikalliseen tallentamiseen. Tietenkin, jos aiot vaihtaa resursseja niin usein, on suositeltavaa asettaa viimeiset käyttöpäivät tiheydellä, joka vastaa suunnilleen ajanjaksoa, jolloin aiot muuttaa niitä. 

Muuten, jos haluat tehdä WordPressistä nopeasti, on olemassa muutamia laajennuksia, kuten tämä mikä voi tehdä todellisen muutoksen suorituskyvyssä muutamassa minuutissa (vaivattomasti tai nollaan). 

300x250 Oranssi

Etkö ole valmis käyttämään laajennusta toistaiseksi? Jatka lukemista...

Jos olet kiinnostunut nopeuttamaan verkkosivustoasi, suosittelemme, että vierailet artikkelissamme: [25 toimintoa] Nopeuta WordPressiä: Hanki erittäin nopea verkkosivusto tänään - täydellinen opas.

1. .htaccess-tiedoston käyttäminen

Tässä on tarkat ohjeet, jotka sinun on suoritettava:

  1. Käytä isännöintitilisi CPanelia
  2. Siirry verkkosivuston juurikansioon
  3. Avaa .htaccess-tiedosto tiedostoeditorilla. Jos et löydä tiedostoa, tarkista, pystytkö tarkastelemaan piilotettuja tiedostoja (.htaccess-tiedosto on oletusarvoisesti piilotettu)
  4. Lisää seuraavat muokkaukset tiedoston loppuun
  5. Lisää vanhentumisotsikot, joiden viimeinen käyttöaika on pitkä
  6. Lisää välimuistin hallinta-otsikot
  7. Poista ETag-otsikot
  8. Älä tee muita muutoksia
  9. Tallenna tiedosto
  10. Suorita testi uudelleen

Resurssien, kuten kuvien ja CSS-tiedostojen, viimeisen käyttöajan asettaminen vaatii .htaccess-tiedostosi pienen muokkauksen. Tämä löytyy isäntäpalvelimesi juuresta. Voit muuttaa vanhentuneiden otsikkojen arvoja suorituskyvyn parantamiseksi. 

Aseta nämä arvot niin kauan kuin se on järkevää sivustollesi - 1 kuukausi on yleensä tarpeeksi hyvä.

#Customize vanhenee välimuistin aloitus - säädä ajanjakso tarpeidesi mukaan FileETag MTime Koko AddOutputFilterByType DEFLATE text / plain text / html text / xml text / css application / xml application / xhtml + xml application / rss + xml application / javascript application / x-javascript ExpiresActive On ExpiresByType text / html "access 600 seconds" ExpiresByT application / xhtml + xml "access 600 seconds" ExpiresByType text / css "access 1 month" ExpiresByType text / javascript "access 1 month" ExpiresByType text / x-javascript "access 1 month" ExpiresByType application / javascript "access 1 month" ExpiresByType application / x-javascript "access 1 month" ExpiresByType application / x-shockwave-flash "access 1 month" ExpiresByType application / pdf "access 1 month" ExpiresByType image / x-icon "access 1 year" ExpiresByType image / jpg "access 1 vuosi "ExpiresByType image / jpeg" - käyttöoikeus 1 vuosi "ExpiresByType image / png" - käyttöoikeus 1 vuosi "ExpiresByType image / gif" - käyttöoikeus 1 vuosi "ExpiresDefault" - käyttöoikeus 1 kuukausi "
#Expires välimuistin loppu

Luuletko, että et ole mukava tehdä nämä muutokset itse?

Fiverr

Jos et ole varma tällaisen muutoksen tekemisestä, voit tehdä nämä halvan keikan kautta Fiverrillä. 

Löydä verkkosivuston nopeuden optimoinnin parhaat keikat Fiverriltä

Edellä mainituilla muutoksilla asetamme nopeasti päivittyvien resurssien, kuten sivusi HTML-koodin, vanhenevan 600 sekunnin kuluttua (tämä johtuu siitä, että HTML muuttuu yleensä useammin). Muutamme myös esimerkiksi CSS: n ja Javascriptin vanhentumista vain kerran kuukaudessa (tällaiset tiedostot muuttuvat vain, jos teet muutoksia malliin tai laajennuksiin).

Tämä tarkoittaa, että jos vierailijasi vierailee sivulla uudelleen kuukauden sisällä, hänen ei tarvitse ladata CSS- ja JS-resurssejasi uudelleen. Jos tiedät, että teet harvoin tällaisia ​​muutoksia sivustollasi - voit asettaa arvon korkeammaksi, 1 vuodeksi, kuten JPEG, png vanhentuu -otsikko.

Tämä on tehokkain tapa hyödyntää selaimen välimuistia WordPressissä tai muissa verkkosivustoissa, jotka käyttävät .htaccess-tiedostoa.

htaccess-tiedostoa muokataan

Aseta kuvatiedostoille pitkä käyttöikä

Kuten voit nähdä myös yllä olevasta esimerkistämme, kuviemme on määrä vanhentua vain kerran vuodessa. Joskus tämä voi olla liian pitkä, joten myös kuukausi on tyypillisesti tarpeeksi hyvä. On selvitettävä, mikä on järkevää verkkosivustollesi.

Tämä varmistaa, että suurin media, jonka lataaminen vie eniten aikaa, pidetään vierailijoiden koneessa, eikä sitä tarvitse ladata uudelleen ensi vuonna. Tämän muutoksen takia .htaccess-tiedostossa käytät vipuvaikutusselaimen välimuistia WordPressissä oikein - kuvia ei ladata uudelleen yhden vuoden ajan.

Tämä tekee palaavan asiakkaan kokemuksesta paljon positiivisemman - koska jokaisen sivun lataaminen vie vähemmän. Välimuistissa olevat tiedostot käytetään nyt uudelleen.

Kun olet asettanut viimeiset käyttöpäivät, on tärkeää asettaa myös oikeat välimuistin hallinta -otsikot siten, että yllä oleva asetus toimii oikein. Tämä on toinen asetus .htaccess-tiedostosta, jonka löydät alla.

Lisää välimuistin hallinta-otsikot

Seuraava asetus on myös lisättävä tiedostoon asettamaan välimuistin ohjausotsikot yllä kuvatulla tavalla.

# BEGIN Cache-Control -otsikot
Otsikko liitä välimuistin hallinta "julkiseksi" Otsikko liitä välimuistin hallinta "julkiseksi" Otsikko liitä välimuistin hallinta "yksityinen" Otsikko liitä välimuistin hallinta "yksityinen, täytyy vahvistaa"

Olemme jo asettaneet viimeiset käyttöpäivät, joten meidän ei tarvitse asettaa sitä uudelleen täällä.

Poista ETag-otsikot monipalvelinsivustoille tai CDN-tiedostoille

Viimeinen asia, joka meidän on tehtävä, on (poistaa) Etags-asetus.

Pohjimmiltaan tämä on tärkeää vain jos käytät CDN: ää palvella joitain resurssejasi. Etagit ovat otsikoita, jotka rakennetaan tyypillisesti käyttämällä määritteitä, jotka tekevät niistä yksilöllisiä jokaiselle sivustoa isännöivälle koneelle (tekninen syy - se käyttää palvelimen luomaa MD5: tä, mikä tekee siitä yksilöllisen sitä tuottavalle palvelimelle).

Jos verkkosivusto käyttää CDN: ää tai useita palvelimia sivujensa palvelemiseen, EI voida taata, että samaa palvelinta käytetään - tageja ei siis voida täyttää, kun selain saa alkuperäisen komponentin yhdeltä palvelimelta ja yrittää myöhemmin vahvistaa kyseisen komponentin eri palvelimella.

Tästä syystä olisi parasta poistaa ne, jos käytät useita palvelimia tai CDN: ää verkkosivustosi ylläpitämiseen. Tämä antaa välimuistin ohjausotsikoille mahdollisuuden itse hallita välimuistia ETagien sijaan. Koska olemme asettaneet asetukset välimuistin hallitsemiseksi välimuistin hallinta-otsikoiden kautta, ETag-tiedostoja ei enää tarvita - joten kytkemme ne pois päältä.

Lisää tämä .htaccess-tiedostoon poistaaksesi ne.

# Disable ETags
<IfModule mod_headers.c>
	Header unset ETag
</IfModule>
FileETag None

Jos haluat lukea lisää Etagien toiminnasta, löydät lisätietoja ja lue niistä tästä artikkelista: https://en.wikipedia.org/wiki/HTTP_ETag

2. Laajennusten käyttö

.Htaccess-tiedoston säätäminen ja pelaaminen voi itse asiassa rikkoa sivustosi. Jos teet pienen virheen, verkkopalvelimesi ei voi jäsentää sitä, alkaa heittää tyhjiä sivujatai heittää 500 virhe ja sivusto on kuollut!

Joten jos et halua tehdä tätä, voit asentaa yksinkertaisen laajennuksen, joka huolehtii kaiken tämän käsittelystä. 

Tietenkin on olemassa paljon muita laajennuksia, jotka pystyvät tekemään tämän. Useimmat laajennukset, joiden tarkoituksena on nopeuttaa sivujasi, tekevät suurimman osan näistä asetuksista taustalla. 

Pohjimmiltaan, kaikkien asetusten käsittelyn avulla selaimen välimuistin tallentamiseksi WordPressiin, nämä voivat suorittaa useita muita välimuistin optimointeja, kuten luoda väliaikaisia ​​kopioita (tiedostojen välimuistit), tietokantaoptimoinnit, Memcache ja muut optimoinnit, jotka tekevät sivustostasi nopeamman .

Näihin sisältyisi laajennuksia, kuten WPRocketWP nopein välimuistija W3 Total Cache ja premium-välimuistilaajennukset. 

Katsotaanpa muutama näistä laajennuksista.

Rinku Yadavin laajennus

Selaimen välimuistilaajennus

Tämä on yksinkertaisin niistä kaikista, se ei tee muuta kuin korjaa WordPress-selaimen välimuistin.

  1. Lataa laajennus, joka löytyy tätä.
  2. Siirry WordPressin hallintapaneeliin ja käy sitten: Hallintapaneeli> Laajennukset> Lisää uusi.
  3. Hae "Leverage Browser Caching" -vaihtoehtoa tai napsauta Lähetä-laajennus ja etsi juuri lataamasi tiedosto.
  4. Valitse Asenna nyt.
  5. Aktivoi laajennus ja olet valmis!
  6. Testaa verkkosivustosi uudelleen varmistaaksesi, että uudet asetukset toimivat oikein ja varoitus on kadonnut.

Jos etsit tuotetta, joka tekee paljon enemmän sivustosi nopeuttamiseksi, suosittelemme, että tarkastelet muita alla mainittuja laajennuksia.

300x250 Oranssi

WP Rocket

Tämä on yksi nopeimmista, suositelluimmista WordPress-laajennuksista, joka pystyy käsittelemään kaikki nopeuden optimoinnit muutamalla napsautuksella. Pohjimmiltaan tämä suorittaa nopeuden optimointia kuten

  • staattisten tiedostojen pakkaus (GZip) - toimitettavien tietojen kokoa pienennetään (meillä on täydellinen opetusohjelma miten GZip-pakkaus otetaan käyttöön WordPressissä täällä)
  • mahdollistaa a tiedoston välimuisti (mukaan lukien välimuistin esilataus) - vähemmän kuormitusta palvelimelle (esilähetetyn kopion hakeminen jokaisesta sivusta)
  • Google-fonttien optimointi - varmistaa, että raskaammat fontit ladataan nopeasti),
  • laiska lastaus - siten, että kuvat ladataan vain, kun käyttäjä vierittää alaspäin sivun osioon, jossa kuvaa vaaditaan
  • Pienentäminen ja yhdistäminen - koon pienentäminen ja tekstimateriaalien yhdistäminen niiden toimittamiseksi nopeammin loppukäyttäjälle
  • Lykkää JS-latausta - sellainen, että sivu hahmontuu nopeasti sen sijaan, että odottaisit kaikkien resurssien lataamista. Tätä olemme käsitelleet CollectiveRay.
  • Integroi ja mahdollistaa CDN: n - niin, että raskaampi materiaali toimitetaan nopeammin 
  • DNS-esihaku - vähentää kolmannen osapuolen sisällön lähteen selvittämiseen kuluvaa aikaa

Kaikki edellä mainitut saattavat kuulostaa katkelmalta kenellekään, joka ei ole mukana infrastruktuurin optimoinnissa, mutta todellisuudessa nämä ovat kaikki tarvittavat asiat, jotta verkkosivustosi latautuu nopeammin.

Hienoa on, että WP Rocketin kanssa sinun ei tarvitse tehdä raskasta nostoa ja kokoonpanoa - kaikki tehdään sinulle! Suosittelemme kokeilemaan tätä laajennusta, joka on luokiteltu parhaaksi tavaksi tehdä verkkosivustostasi nopeampi.

Käy WP Rocket Now -sivustolla  

W3 yhteensä Cache

Tämä on yksi eniten suosittuja välimuistilaajennuksia koskaan. Se on ollut olemassa jo pitkään, ja sillä on ollut paljon aikaa kypsyä erittäin hienosti upottaa suurin osa ominaisuuksista, joita voidaan odottaa välimuistilaajennukselta.

Ongelma on tämä. Itse, joku, joka on ollut WordPressin ja verkkosuunnittelun parissa pitkään, ja se on niin turhauttavaa kokemusta sen kanssa työskentelemisestä. Laajennuksen asentaminen ei ole suoraviivaista, ja sinun täytyy todella ymmärtää se ja tuntea se hyvin voidakseen saada sen toimimaan hienosti.

Jos etsit hyvää tapaa hyödyntää selaimen välimuistin tallentamista WordPressissä laajennuksen avulla, suosittelemme erittäin yllä olevaa WPRocketia W3Total-välimuistin sijaan.

3. Hyödynnä selaimen välimuistia Nginxissä

Jos verkkosivustosi todella käyttää Nginxiä palvelimena, tarvitset toisen koodin, koska Nginxillä ei ole .htaccess-tiedostoa. Tämän toteuttaminen on kuitenkin edelleen suhteellisen helppoa, koska sinun tarvitsee vain tehdä muutama muokkaus palvelimen conf-tiedostossa.

Sinun on lisättävä koodi alla olevan olemassa olevan palvelinlohkon sisään conf-tiedostoon. Tämä tapahtuu tyypillisesti /etc/nginx/sites-enabled/default

palvelin {kuuntele 80; palvelimen_nimi paikallinen isäntä; location / {root / usr / share / nginx / html; index index.html index.htm; } sijainti ~ * \. (jpg | jpeg | png | gif | ico | css | js) $ {vanhenee 365d; } sijainti ~ * \. (pdf) $ {vanhenee 30d; }}

Lisää välimuistin hallintaotsikot Nginxille

 

sijainti ~ * \. (jpg | jpeg | png | gif | ico | css | js) $ {vanhenee 90d; add_header Cache-Control "julkinen, ei-muunnos"; }

 

Kuten voit päätellä yllä olevasta koodista, asetamme kuvatiedostojen vanhentumispaikaksi 1 vuosi tai 365 päivää, kun taas PDF-tiedostot vanhenevat 30 päivän kuluttua. Voit lisätä vanhentumista mukauttamalla tiedostotunnisteita tekemällä siitä erilainen muille tiedostotyypeille.

Kaikki lisätyt tiedostotyypit tallennetaan välimuistiin vastaavasti. 

nginx-verkkosäännöt

4. Kuinka tallentaa kolmannen osapuolen resurssit välimuistiin

Vaikka yllä olevan asetuksen soveltaminen on melko helppoa, huomaat, että vaikka olisit suorittanut yllä olevat muutokset, saat tämän viestin edelleen verkkosivustojen nopeustestaustyökaluihin ja Google Pagespeed Insightsiin.

Ulkoisten resurssien välimuisti

Tämä johtuu siitä, että useimmissa kolmansien osapuolten skripteissä ja palveluissa ei määritetä pitkää vanhentumisaikaa - useista eri syistä.

Valitettavasti et voi hallita näitä komentosarjoja, joten suosittelemme, että käytät kolmansien osapuolten MINIMUM-skriptejä mahdollista. Jos pystyt elämään ilman komentosarjaa, poista se verkkosivustoltasi. Valitsemalla sen sisällyttämisen se vetää sivujen latausaikaa alaspäin.

5. Määritä välimuistin vahvistaja

Tämä on toinen varoitus, jonka GTMetrix usein näyttää ja joka yleensä tulee kolmannen osapuolen skripteistä. Pohjimmiltaan tämä on sama ongelma, jonka olemme juuri kuvanneet edellisessä osassa, jossa tietyt komentosarjat eivät määritä joko ETag-otsikkoa tai viimeksi muokattua otsikkoa kuvatulla tavalla.

Valitettavasti tämän ongelman ratkaisemiseksi ei ole paljon tekemistä, jos nämä erityisvirheet tulevat verkkotunnuksista, jotka eivät ole sinun hallinnassasi, kuten Facebook, tai alla olevan kuvan tapauksessa Sumo - joten mitään ei voi korjata .

Ainoa ratkaisu tässä tapauksessa olisi poistaa nämä komentosarjat verkkotunnuksestasi kokonaan, jos haluat olla varma, että tätä varoitusta ei näy.

Määritä välimuistin vahvistaja

Usein kysytyt kysymykset

Kuinka ratkaiset selaimen välimuistin?

Helpoin tapa hyödyntää selaimen välimuistia on asentaa laajennus, jonka avulla voit määrittää erityyppisen staattisen sisällön välimuistin keston. Vaihtoehtoinen mutta yksinkertainen tapa on määrittää välimuistin aika verkkosivustosi .htaccess-tiedostossa. Meillä on yksityiskohtaiset ohjeet tämän tekemiseen täällä.

Kuinka otan välimuistin käyttöön WordPressissä?

Voit ottaa välimuistin käyttöön WordPressissä yksinkertaisesti asentamalla laajennuksen, joka mahdollistaa useita välimuistitasoja, mukaan lukien palvelintason välimuisti, sivutason välimuisti ja selaimen tason välimuisti. Suosittelemamme lisäosa tähän on WP-Rocket, mutta tässä artikkelissa mainitaan useita vaihtoehtoisia vaihtoehtoja, jotka myös tekevät verkkosivustostasi nopeamman.

Kuinka voin hyödyntää kolmannen osapuolen komentosarjojen selaimen välimuistia?

Et voi muuttaa selaimen välimuistiarvoa kolmansien osapuolten komentosarjoille, kuten Facebook tai Google Analytics, koska ne on asetettu palvelintasolla etkä voi hallita niitä. Paras tapa on tässä tapauksessa käyttää mahdollisimman vähän näistä skripteistä

Yhteenveto

Yllä olemme osoittaneet sinulle useita tapoja toteuttaa, jotta voit varmistaa, että pystyt hyödyntämään selaimen välimuistia ja varmistamaan, että ladattua sisältöä käytetään uudestaan ​​ja uudestaan. Varmista, että olet ottanut tämän käyttöön sivustollasi, jotta virhe ei näy työkaluissa, jotka analysoivat sivustosi nopeustietoja. 

Jos sinusta tuntuu, että tämä ylittää jonkin verran omia kykyjäsi, suosittelemme, että jätät nämä asiat ammattilaisten käsiin ja asennat laajennuksen, kuten WP Rocket, jotta saat tämän ja useiden muiden toimintojen parhaat hyödyt. verkkosivusto latautuu nopeammin.

Käy WP Rocketissa, jotta verkkosivustosi olisi nopeampi tänään

kirjailijasta
David Attard
Kirjoittaja: David AttardVerkkosivu: https://www.linkedin.com/in/dattard/
David on työskennellyt verkko- / digitaalialalla tai sen ympäristössä viimeiset 18 vuotta. Hänellä on laaja kokemus ohjelmisto- ja verkkosuunnitteluteollisuudesta WordPressin, Joomlan ja niitä ympäröivien markkinarakojen käytöstä. Digitaalisena konsulttina hän keskittyy auttamaan yrityksiä saamaan kilpailuetua käyttämällä verkkosivustonsa ja tänään saatavilla olevien digitaalisten alustojen yhdistelmää.

Yksi asia vielä... Tiesitkö, että ihmiset, jotka jakavat hyödyllisiä juttuja, kuten tämä viesti, näyttävät myös mahtavilta? ;-)
Ole hyvä Jätä hyödyllinen kommentoi ajatuksiasi ja jaa tämä sitten Facebook-ryhmissäsi (ryhmissä), jotka pitävät tätä hyödyllisenä, ja hyödynnetään yhdessä. Kiitos jakamisesta ja mukavuudesta!

Disclosure: Tämä sivu voi sisältää linkkejä ulkoisille sivustoille tuotteille, joita rakastamme ja kannatamme sydämestämme. Jos ostat suosittelemiamme tuotteita, saatamme ansaita viittausmaksun. Tällaiset maksut eivät vaikuta suosituksiimme, emmekä hyväksy maksuja positiivisista arvosteluista.

Kirjoittaja (t) esillä:  Inc-lehden logo   Sitepoint-logo   CSS Tricks -logo    webdesignerdepot-logo   WPMU DEV -logo   ja paljon muuta ...