Hvis du har prøvd å maksimere poengsummen din i Google PageSpeed Insights, har du kanskje lagt merke til at det er mange faktorer som spiller inn. Og sjansen er at du ikke vet hva hver enkelt betyr, spesielt advarselen om bruk av nettleserbufring.
Ved siden av denne advarselen vil du få en liste over bilder som en nettleser normalt vil lagre. Denne listen er ment å informere deg om hvilke bilder som ikke har nødvendig informasjon, eller mer spesifikt, utløpsdatoer.
Den gode nyheten er at selv om navnet ikke er veldig nyttig, er løsningen enkel. I dag vil jeg forklare hva utnyttelse av nettleserbufring er og hvordan du kan fikse det i WordPress.
Hva er Utnytt nettleserbufring?
De Utnytt nettleserbufring advarsel varsler brukere om at de ikke har satt opp utløpsdatoer for statiske bilder. Utløpsdatoene forteller nettleseren hvor lenge de skal lagre et bestemt bilde.
I de nyeste versjonene av Google PageSpeed Insights har denne advarselen fått nytt navn. Det er nå kjent som “Server statiske eiendeler med en effektiv hurtigbufferpolicy.”
Uansett hva det heter, er årsaken og løsningen den samme.
Nå høres det kanskje litt rart ut å trenge en utløpsdato på et statisk bilde, men det gir mye mening. La oss innse det, ingenting på et nettsted er virkelig statisk. Til slutt vil du endre et bilde, kjøre en kampanje eller bare redesigne nettstedet ditt.
Alt vil endre seg, og å ikke fortelle nettleseren at en endring har funnet sted kan gjøre at sidene lastes tregere.
Selv med utløpsdatoen på plass, kan du fortsatt få feilen hvis datoene er for korte. Ja, feilen er faktisk så kresen. Den gode nyheten er at feilen gir alle tilfeller der bilder må fikses.
Hvordan fikse utnyttelse av nettleserbufringsfeil i WordPress
Det finnes en rekke løsninger for å fikse denne feilen, og jeg vil dekke de vanligste løsningene på problemet. Den gode nyheten er at ingen av disse metodene er spesielt vanskelige. Faktisk vil de fleste av dem bare ta noen få minutter å fullføre.
Og før du begynner, bare husk at hvert nettsted er unikt. Det som fungerer for ett nettsted, fungerer kanskje ikke for et annet, spesielt hvis du kjører mange tredjepartsskript.
Hvis en metode ikke fungerer, prøv bare en annen.
Metode 1: Bufferkontroll
Cache-control er en HTTP-header som spesifiserer nettleserens bufringspolicyer for nettstedet ditt. Nesten alle nettsteder vil enten bruke denne eller en Expires-overskrift (se neste metode) for å aktivere nettleserbufring av eiendeler.
Hvis du er klar over hvilken metode du bruker for øyeblikket, fokuser på den. Dette er viktig fordi du ikke bør legge til begge disse. Selv om det ikke vil ha en forferdelig innvirkning, anses det som overflødig.
Den gode nyheten er at dette er like enkelt som å kopiere og lime inn en kodelinje.
Nå, hvis du sjekker Google PageSpeed Insights-rapporten og utvider feilen, bør du se en liste over bilder som ikke inneholder dataene, størrelsen på disse bildene og Cache TTL-informasjonen.
Hvis Cache TTL sier “Ingen”, vet du at utløpsdatoen er problemet.
Koden du trenger er avhengig av hvilken type servere du bruker. Hvis du for eksempel bruker en Apache-server, må du legge til følgende kode i nettstedets .htaccess-fil:
Overskriftssett Cache-Control “max-age=84600, public”
Koden setter en utløpskode for 84 600 sekunder, som tilsvarer 1 dag. Du kan endre dette nummeret til hva du vil, men dette er vanligvis nok til å løse feilmeldingen.
Merk: Hvis du ikke finner .htaccess-filen, har du kanskje ikke en. Frykt ikke, det er lett å generere filen.
Metode 2: Utløper Header
En Expires-header er en HTTP-header som forteller nettleseren når de hurtigbufrede dataene utløper. Hvis dataene er for gamle, anses de som foreldede og må kobles til nettstedet for å få informasjonen igjen.
Dette er den mer klassiske metoden sammenlignet med Cache-kontroll, men fungerer fortsatt bra den dag i dag. Igjen, hvis du for øyeblikket ikke bruker en Expires-overskrift, er ikke denne metoden for deg. I stedet bruker nettstedet ditt cache-kontroll (se metode 1).
Nok en gang krever denne løsningen at du kopierer og limer inn litt kode. Det er også avhengig av hvilken type server du kjører.
For en Apache-server vil følgende kode angi utløpsdatoer for en rekke medietyper (jpg, jpeg, png, etc.) i opptil én måned. Skriv den inn i .htaccess-filen:
## UTLØPER HEDER CACHING ##
UtløperAktiv På
ExpiresByType image/jpg “tilgang 1 år”
ExpiresByType image/jpeg «tilgang 1 år»
ExpiresByType image/gif “tilgang 1 år”
ExpiresByType image/png “tilgang 1 år”
ExpiresByType image/svg “tilgang 1 år”
ExpiresByType tekst/css “tilgang 1 måned”
ExpiresByType-applikasjon/pdf “tilgang 1 måned”
ExpiresByType-applikasjon/javascript “tilgang 1 måned”
ExpiresByType-applikasjon/x-javascript “tilgang 1 måned”
ExpiresByType-applikasjon/x-shockwave-flash “tilgang 1 måned”
ExpiresByType image/x-ikon “tilgang 1 år” ExpiresDefault “tilgang 2 dager”
## UTLØPER HEDER CACHING ##
Du kan endre tiden til en hvilken som helst verdi, men dette er vanligvis nok til å løse feilmeldingen i PageSpeed Insights.
Metode 3: Tredjepartsskript
De to første metodene fokuserer på hva du kan gjøre for å administrere alt på webserveren din, men noen ganger kan problemet være fra en ekstern kilde. Et tredjepartsskript er en ressurs som lastes fra utenfor webserveren din.
For eksempel, i en ironisk vending, kan Google Analytics være årsaken til feilen din. Eller det kan være noe annet som Disqus-kommentarsystemet for WordPress.
I utgangspunktet kan alt som ikke er lagret direkte på nettstedet ditt føre til feilen Utnytt nettleserbufring. Jeg vet, ikke veldig nyttig når det gjelder feilsøking.
Så hvordan kan du løse dette problemet hvis det er fra en tredjepartskilde?
Vel, for å være helt ærlig, noen ganger kan du ikke det. Noen av disse tredjepartsskriptene har ikke noen måte å være vert for dem lokalt, så det er ingenting du kan gjøre, men noen har alternativer. Det virkelige problemet er å finne dem.
Den sikre måten å finne ut hvilket skript som forårsaker feilen, er å fjerne dem én etter én og utføre en PageSpeed Insights-test. Hvis fjerning av et bestemt skript løste problemet, kan du finne en løsning for det.
Metode 4: Bruk en bufferplugin
Den beste delen av WordPress er det enorme biblioteket med plugins til din disposisjon. Og siden caching er en essensiell del av å drive et nettsted, er det et enormt repertoar av plugins tilgjengelig som kan løse dette problemet, men som det meste vil resultatene variere.
Her er noen av de beste caching-pluginene som er tilgjengelige.
1. Litespeed Cache
Litespeed Cache er den mest populære caching-pluginen for WordPress, og den kan enkelt løse alle nettleserbufringsadvarsler som Google PageSpeed Insights vil vise. Faktisk har den dedikerte innstillinger bare for utnyttelse av nettleserbufringsfeilen.
Selvfølgelig er dette bare en del av det pluginet tilbyr. Det kan øke hastigheten på nettstedet ditt dramatisk.
Når det gjelder bruk av nettleserbufring, trenger du bare å aktivere nettleserbufring i innstillingene. Den har til og med et område hvor du kan angi utløpsdatoer manuelt. Alternativt kan disse settes opp automatisk.
Utenom dette er det kompatibelt med de fleste av de store WordPress-pluginene som WooCommerce og BBPress. Nettstedets hastighet vil øke betydelig med bare den grunnleggende installasjonen og kan dobles eller til og med tredobles med en mer finjustert tilnærming.
2. WP Rocket
WP rakett er en fantastisk premium-plugin som kan øke nettstedets ytelse dramatisk. Og den har også en full seksjon dedikert til nettleserbufring, som automatisk vil angi utløpsdatoer.
Dermed vil du aldri se bufringsfeilen fra en kilde på nettstedet ditt, men det er fortsatt mulig fra tredjepartsskript.
Når det er sagt, hjelper WP Rocket med å optimalisere noen av disse tredjepartsproblemene, som Facebook Pixel. WP Rocket er en omfattende løsning for caching som inkluderer bildeoptimalisering, forhåndsinnlasting av nettstedskart, mobildeteksjon og mye mer.
Et av de viktigste aspektene er hvor enkelt det er å bruke, men problemet er at det ikke lar besøkende prøve gratis. Dermed må du kjøpe den for å prøve den, men det er en 14-dagers pengene-tilbake-garanti å dra nytte av.
3. WP Raskeste Cache
WP Raskeste Cache er en annen utmerket og gratis caching-plugin for WordPress som kan løse dette problemet. Faktisk gjør den det automatisk ved installasjon. Det er riktig, du trenger bokstavelig talt ikke å gjøre annet enn å installere det.
Og som navnet tilsier, spesialiserer den seg på å øke hastigheten på WordPress-nettstedet ditt.
Som du kanskje har gjettet, er dens største fordel at den gjør alt for deg. Når det er sagt, er det noen innstillinger du kan konfigurere selv, men de fleste av dem er låst bak premiumversjonen av plugin-en.
Noen av de andre funksjonene inkluderer støtte for flere nettsteder, minifiser CSS, JavaScript og HTML, muliggjør lat innlasting av bilder, tilbyr Cloudflare-støtte og mye mer.
Den har alt du trenger for å få fart på WordPress.
4. W3 Total Cache
W3 Total Cache er et annet stort navn i caching-plugin-industrien, og det får utrolige resultater. Og akkurat som de andre jeg har nevnt, har den en dedikert seksjon for nettleserbufring som vil løse eventuelle feil på serverens side.
Det kan også hjelpe med enkelte tredjepartsskript.
I motsetning til de andre plugins, krever W3 Total Cache flere manuelle innstillinger enn andre plugins. Når det er sagt, er dette ikke en dårlig ting. Det bidrar til å gi deg mer kontroll over webområdets caching, og det er derfor det er en så populær plugin.
En av de viktigste forskjellene mellom W3 Total Cache og andre plugins er at dette er et komplett rammeverk. Andre plugins streber etter å forbedre eller korrigere spesifikke problemer for den gjennomsnittlige nettsiden, og denne plugin går langt utover det.
Hvorfor er hastighet så viktig?
Å optimalisere nettstedet ditt for hastighet er avgjørende for suksess av en rekke årsaker.
La oss først fokusere på brukeropplevelsen. Ingen liker en treg nettside. Hvert sekund en besøkende venter på at en side skal lastes, er et annet sekund de velger å forlate sidene dine. For noen nettsteder vil dette koste dem salg.
Raske lastetider sørger for at den besøkende kan komme seg gjennom alt innholdet de ønsker og ikke stille spørsmål om de virkelig trenger å kjøpe noe.
Fra SEO-perspektivet er hastighet en av de bekreftede faktorene som Google og andre søkemotorer bruker for å rangere nettsteder. Jo raskere nettstedet ditt er, desto bedre vil det rangeres. Jo bedre den rangerer, jo mer trafikk vil du motta.
Jo mer trafikk du mottar, jo mer penger kan du tjene.
Ikke glem å fikse de andre feilene
Innflytelsesfeilen i nettleserens bufring er bare en av hikkene en Google PageSpeed Insights-test kan avsløre. Og ærlig talt, det er langt fra den du bør være mest bekymret for. Bruk heller litt tid på å se på de andre feilene du ser.
Når det er sagt, er det viktig å innse at du fortsatt kan ha en rask nettside og få en dårlig sidescore.
Denne testen analyserer mange komponenter på nettstedet ditt. En av hovedfaktorene som virkelig kan redusere sidepoengsummen din er antallet tredjepartsskript du bruker. Det påvirker mye mer enn bare nettleserens caching, så bruk dem med måte.
Hvilken caching-plugin bruker du i WordPress? La du merke til en ytelsesøkning etter å ha løst feilmeldingen?
