TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Hur fixar jag problem med webbläsarens cachning i WordPress?

5

Google PageSpeed ​​Insights -verktyget är ett av sätten att mäta hastigheten på din WordPress -webbplats. Generellt är Googles hastighetspoäng annorlunda än andra populära hastighetsmätningsverktyg som Pingdom eller Gtmetrix. Men det rekommenderas att hålla koll på Googles poäng eftersom det kan direkt påverka rankningen på sökresultaten.

När du kontrollerar din webbplats på Google PageSpeed ​​kommer du att se några vanliga problem som att optimera bilder, utnyttja webbläsarens cachning, aktivera komprimering etc. I våra tidigare artiklar har vi förklarat hur du åtgärdar aktiverad komprimering och optimerar bildproblem. I den här artikeln kommer vi att diskutera hur du åtgärdar problem med webbläsarens cachning i WordPress.

Vad är hävstångseffekt för webbläsare?

Låt oss förklara med ett exempel. Öppna en webbläsare som Google Chrome och rensa webbhistoriken. Öppna nu en webbplats så ser du att sidan laddas långsamt. När du navigerar genom olika sidor på samma webbplats märker du att sidorna laddas snabbare än första gången. Här är vad som kommer att hända i webbläsaren:

Hur fixar jag problem med webbläsarens cachning i WordPress?

  • Webbläsaren hämtar alla statiska resurser som bilder, stilar, skript, etc. från webbservern under den första laddningen av webbplatsen.
  • När webbläsarens cachning är aktiverat på webbplatsen för statiska resurser kommer webbläsaren att följa instruktionerna från servern som tas emot via HTTP -rubriker.
  • Webbläsaren lagrar de statiska resurserna på lokal lagring med utgångsdatumet eller den maximala åldern som tas emot från servern.
  • De statiska resurserna hämtas från webbläsarens lokala lagring när nästa sida laddas.
  • Om webbläsarens cachning inte är aktiverat på webbplatsen (utgångstid är inte inställd), hämtar webbläsaren filerna varje gång den laddas. Detta kommer att öka sidladdningstiden såväl som belastningen på servern.
  • Utgångstid bör anges för varje filtyp som png, jpg, css. js, etc.

Om du inte ställer in utgångstiden för bilder och andra statiska filer kommer Google PageSpeed ​​Insights -verktyget att visa detta som ett högprioriterat problem under kategorin "Bör åtgärdas" eller "Möjliga optimeringar".

Hur fixar jag problem med webbläsarens cachning i WordPress?

Utnyttja problem med webbläsarens cachning i Google PageSpeed

Du kan se informationen inom parentes bredvid bildadresser som "utgångsdatum inte specificerat".

Hur fixar jag problem med webbläsarens cachning i WordPress?

Det finns två enkla sätt att åtgärda problem med webbläsarens cachning:

  • Utan plugin genom att ändra .htaccess -fil
  • Använda W3 Total Cache -plugin

1 Utan plugin

Logga in på din FTP -klient och öppna .htaccess -filen som finns i rotkatalogen på din webbplats. Se vår artikel för att lära dig mer om hur du redigerar .htaccess -fil i WordPress. Lägg till nedanstående direktiv i slutet av filen:

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

Det första blocket är för cache -utgång och det andra är för cachekontroll. Alla allmänna filtillägg ingår i direktivet. Du kan också inkludera fler om det behövs för din webbplats.

Om du inte har FTP -åtkomst finns det plugins för att redigera .htaccess -fil direkt från adminpanelen. Till exempel erbjuder Yoast SEO -plugin filredigeringsalternativ för redigering av .htaccess -fil från adminpanelen.

2 Använda W3 Total Cache

Lyckligtvis har WordPress plugins för att lösa alla problem. För att åtgärda problemet med cachning av webbläsaren för din WordPress -webbplats rekommenderar vi att du använder W3TC -plugin. W3TC är det populära caching -plugin som finns tillgängligt på WordPress -plugins -förvaret gratis med många ytterligare alternativ.

Hur fixar jag problem med webbläsarens cachning i WordPress?

W3 Total Cache WordPress Plugin

Installera tillägget och aktivera det. Navigera till avsnittet "Prestanda> Webbläsarcache" och aktivera alla cacheminnesrelaterade alternativ för webbläsare under sektionerna Allmänt, CSS och JS, HTML och XML, Media och andra filer.

Hur fixar jag problem med webbläsarens cachning i WordPress?

Aktivera webbläsarcachning i W3TC -plugin

Du kan lämna rutan "Förfaller rubrikens livslängd" med standardvärdena förfyllda på några sekunder. Om du vill kan du ändra med dina egna värden under avsnittet "CSS & JS", "HTML & XML" och "Media & Other Files".

  • 31536000 för 1 månad
  • 604800 i 1 vecka
  • 86400 för 1 dag
  • 3600 i 1 timme

Så långt vi har testat 1 timme för HTML & XML och 1 månad för andra filer fungerar bra för Google PageSpeed.

W3T Totoal Cache -plugin lägger i huvudsak till direktiven i .htaccess -filen enligt förklaringen i den första metoden. Öppna din .htaccess -fil och du kommer att se den långa uppsättningen direktiv som läggs till av W3TC -plugin. Alla relaterade direktiv för webbläsarcachning visas mellan avsnittet "# BEGIN W3TC Browser Cache" till "# END W3TC Browser Cache".

Kolla tillbaka i Google PageSpeed ​​Insights

När du har lagt till koden manuellt i .htaccess -filen eller aktiverat cachning av webbläsare för alla typer av objekt i W3TC, rensar du först all cachning. Gå sedan tillbaka till Google PageSpeed ​​Insights -verktyget och kontrollera sidan. Troligen borde problemet ha lösts eller flyttats till den lägre prioriteten under "Överväg att fixa" som visas nedan. Det nya PageSpeed ​​-verktyget kommer fortfarande att visa problemen under avsnittet "Möjliga optimeringar" med det förbättrade totala betyget.

I vårt exempelfall finns problemet fortfarande på grund av AdSense -annonser och teckensnittsfiler.

Hur fixar jag problem med webbläsarens cachning i WordPress?

Hävstångseffektprioritet för webbläsare cachas sänkt

Vad du inte kan göra med webbläsarcachning

Nu när du vet hur du åtgärdar problem med webbläsarens cachning på din WordPress -webbplats. Men i de flesta fall är detta inte tillräckligt eftersom det bara fungerar för de statiska resurserna som laddas från din egen domän. I verkligheten kan sidan ha många andra externa resurser som inte kan cachas i webbläsaren. Nedan följer några av de populära externa resurserna som kan orsaka problem med webbläsarens cachning:

  • Spårningskodskript för Google Analytics
  • Annonskodskript för Google AdSense (som visas i exemplet ovan)
  • Vissa teckensnittsfiler
  • Gravatar bilder på författarens bio och kommentarer
  • Bilder laddade med sociala plugins

Om webbplatshastigheten är den viktigaste faktorn för dig använder du de externa resurserna noggrant på din webbplats. Möjligen kan du inaktivera alla externa resurser utom viktiga resurser som Google Analytics för att förbättra sidhastighetspoängen.

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer