TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

Kuinka korjata selaimen välimuistin ongelma WordPressissä?

15

Google PageSpeed ​​Insights -työkalu on yksi tapa mitata WordPress -sivustosi nopeutta. Yleensä Googlen nopeustulos on erilainen kuin muut suositut nopeudenmittauslaitteet, kuten Pingdom tai Gtmetrix. On kuitenkin suositeltavaa seurata Googlen pisteitä, koska ne voivat vaikuttaa suoraan hakutulosten sijoitukseen.

Kun tarkistat sivustoasi Google PageSpeed ​​-palvelussa, näet joitain usein esiintyviä ongelmia, kuten kuvien optimointi, selaimen välimuistin hyödyntäminen, pakkauksen käyttöönotto jne. Edellisissä artikkeleissamme olemme selittäneet, kuinka korjata pakkauksen käyttöönotto ja optimoida kuvien ongelmat. Tässä artikkelissa keskustelemme siitä, kuinka korjata vipuvaikutuksen selaimen välimuistiongelma WordPressissä.

Mikä on vipuvaikutus selaimen välimuistiin?

Selitetään esimerkillä. Avaa selain, kuten Google Chrome, ja tyhjennä selaushistoria. Avaa nyt mikä tahansa sivusto ja näet sivun latautuvan hitaasti. Kun selaat saman sivuston eri sivuja, huomaat, että sivut latautuvat nopeammin kuin ensimmäistä kertaa. Tässä on selaimen tapahtumat:

Kuinka korjata selaimen välimuistin ongelma WordPressissä?

  • Selain hakee kaikki staattiset resurssit, kuten kuvat, tyylit, skriptit jne., Web -palvelimelta ensimmäisen latauksen yhteydessä.
  • Kun selaimen välimuisti on käytössä sivustossa staattisten resurssien suhteen, selain seuraa HTTP -otsikoiden kautta vastaanotetun palvelimen ohjeita.
  • Selain tallentaa staattiset resurssit paikalliseen tallennustilaan vanhentumispäivän tai palvelimelta saadun enimmäisikän kanssa.
  • Staattiset resurssit haetaan selaimen paikallisesta tallennustilasta, kun seuraava sivu ladataan.
  • Jos selaimen välimuisti ei ole käytössä sivustolla (viimeistä käyttöaikaa ei ole asetettu), selain hakee tiedostot aina, kun se latautuu. Tämä lisää sivun latausaikaa ja palvelimen kuormitusta.
  • Vanhenemisaika on määritettävä kullekin tiedostotyypille, kuten png, jpg, css. js jne.

Jos et aseta kuvien ja muiden staattisten tiedostojen vanhenemisaikaa, Google PageSpeed ​​Insights -työkalu näyttää tämän korkean prioriteetin ongelmana "Pitäisi korjata" tai "Mahdolliset optimoinnit" -luokassa.

Kuinka korjata selaimen välimuistin ongelma WordPressissä?

Hyödynnä selaimen välimuistiongelma Google PageSpeedissä

Näet kuvan URL -osoitteiden vieressä olevissa suluissa olevat tiedot "vanhentumista ei määritetty".

Kuinka korjata selaimen välimuistin ongelma WordPressissä?

On kaksi helppoa tapaa korjata vipuvaikutus selaimen välimuistiin:

  • Ilman laajennusta muokkaamalla .htaccess -tiedostoa
  • Käytä W3 Total Cache -laajennusta

1 Ilman laajennusta

Kirjaudu FTP -asiakasohjelmaasi ja avaa .htaccess -tiedosto, joka sijaitsee sivustosi juurihakemistossa. Katso artikkelistamme lisätietoja .htaccess -tiedoston muokkaamisesta WordPressissä. Lisää seuraavat direktiivit tiedoston loppuun:

## EXPIRES CACHING ## <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType text/html "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType text/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ExpiresDefault "access 1 month" </IfModule> ## CACHE CONTROL ## <filesMatch ".(css|jpg|jpeg|png|gif|js|ico)$"> Header set Cache-Control "max-age=2592000, public" </filesMatch>

Ensimmäinen lohko on välimuistin vanhenemista varten ja toinen välimuistin hallintaa varten. Kaikki yleiset tiedostopäätteet sisältyvät direktiiviin. Voit myös lisätä niitä, jos sivustollesi tarvitaan.

Jos sinulla ei ole FTP -käyttöoikeutta, .htaccess -tiedoston muokkaamiseen on laajennuksia suoraan hallintapaneelista. Esimerkiksi Yoast SEO -laajennus tarjoaa tiedostoeditorivaihtoehdon .htaccess -tiedoston muokkaamiseen hallintapaneelista.

2 W3 Total -välimuistin käyttäminen

Onneksi WordPressissä on laajennuksia jokaisen ongelman korjaamiseen. W3TC -laajennuksen käyttäminen WordPress -sivustosi vipuvaikutusvälimuistiongelman korjaamiseksi on suositeltavaa. W3TC on suosittu välimuistilaajennus, joka on saatavana ilmaiseksi WordPress -laajennusten arkistossa ja jossa on monia lisävaihtoehtoja.

Kuinka korjata selaimen välimuistin ongelma WordPressissä?

W3 Total Cache WordPress -laajennus

Asenna laajennus ja aktivoi se. Siirry kohtaan "Suorituskyky> Selaimen välimuisti" ja ota käyttöön kaikki selaimen välimuistiin liittyvät vaihtoehdot Yleiset, CSS & JS, HTML & XML, Media ja muut tiedostot -osiossa.

Kuinka korjata selaimen välimuistin ongelma WordPressissä?

Ota selaimen välimuisti käyttöön W3TC -laajennuksessa

Voit jättää "Vanhenee ylätunnisteen käyttöikä" -ruutuun oletusarvot, jotka on esitäytetty sekunneissa. Jos haluat, muokkaa omilla arvoillasi kohdissa "CSS & JS", "HTML & XML" ja "Media & Other Files".

  • 31536000 1 kuukaudeksi
  • 604800 1 viikko
  • 86400 1 päivä
  • 3600 1 tunti

Sikäli kuin olemme testanneet 1 tunti HTML- ja XML -tiedostoille ja 1 kuukausi muille tiedostoille, ne toimivat hyvin Google PageSpeedille.

W3T Totoal Cache -laajennus lisää olennaisesti direktiivit .htaccess -tiedostoon ensimmäisen menetelmän mukaisesti. Avaa .htaccess -tiedostosi ja näet, että W3TC -laajennus lisää pitkät direktiivit. Kaikki selaimen välimuistiin liittyvät direktiivit näkyvät osioiden "# BEGIN W3TC Browser Cache" ja "# END W3TC Browser Cache" välissä.

Tarkista takaisin Google PageSpeed ​​Insightsista

Kun olet lisännyt koodin manuaalisesti .htaccess -tiedostoon tai aktivoinut selaimen välimuistin kaikentyyppisille objekteille W3TC: ssä, tyhjennä ensin välimuisti. Palaa sitten Google PageSpeed ​​Insights -työkaluun ja tarkista sivu. Todennäköisesti ongelma olisi pitänyt ratkaista tai siirtää alempaan prioriteettiin kohdassa "Harkitse korjaamista” alla esitetyllä tavalla. Uusi PageSpeed ​​-työkalu näyttää edelleen mahdolliset optimoinnit -osiossa olevat ongelmat parannetulla kokonaispisteellä.

Esimerkissämme ongelma on edelleen olemassa AdSense -mainosten ja kirjasintiedostojen vuoksi.

Kuinka korjata selaimen välimuistin ongelma WordPressissä?

Vipuvaikutus selaimen välimuistin ongelman etusijalle

Mitä et voi tehdä selaimen välimuistilla

Nyt kun tiedät kuinka korjata vipuvaikutuksen selaimen välimuistiongelma WordPress -sivustossasi. Useimmissa tapauksissa tämä ei kuitenkaan riitä, koska se toimii vain omasta verkkotunnuksestasi ladattujen staattisten resurssien kanssa. Todellisuudessa sivulla voi olla monia muita ulkoisia resursseja, joita ei voi tallentaa välimuistiin selaimessa. Alla on joitain suosittuja ulkoisia resursseja, jotka voivat aiheuttaa vipuvaikutuksen selaimen välimuistiin:

  • Google Analytics -seurantakoodin skripti
  • Google AdSense -mainoskoodin skripti (kuten yllä olevassa esimerkissä)
  • Jotkut kirjasintiedostot
  • Gravatar -kuvat tekijän biossa ja kommenteissa
  • Sosiaalisia laajennuksia sisältävät kuvat

Jos sivuston nopeus on sinulle tärkein tekijä, käytä ulkoisia resursseja huolellisesti sivustossasi. Mahdollisesti voit poistaa kaikki ulkoiset resurssit käytöstä paitsi tärkeät, kuten Google Analyticsin, sivunopeuden parantamiseksi.

Leave A Reply

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja