Er det ikke frustrerende når du klikker på et nettsted, du venter og venter på det som føles som evigheter, og du klikker tilbake-knappen av frustrasjon? Sannheten er at det er veldig lite som irriterer besøkende på nettstedet mer enn en sakte lasting nettsted og det er der WP Rocket kommer inn
En studie fra Forrester Consulting sier at “47% av forbrukerne forventer at en webside lastes inn på to sekunder eller mindre”.
Det triste er at mange nettstedeiere ikke innser at et nettsted som laster sakte, ikke bare frustrerer folk, det kan også ha en negativ innvirkning på Google rangeringer, og ha en innvirkning på inntektene på bunnlinjen!
Det gode er at det finnes måter å øke hastigheten på et nettsteds lastetid, spesielt hvis nettstedet er drevet av WordPress. Fordi her skal jeg gå deg gjennom hvordan du kommer i gang med WP Rocket (og ja det er en plugin jeg bruker å øke hastigheten på nettstedet mitt).
Her er hva du vil lære i dette innlegget:
- Slik laster du ned og installerer WP Rocket
- Hvordan oppsett WP Rocket ved hjelp av anbefalte innstillinger
- Hvor kan du få hjelp og finne offisiell dokumentasjon
Hva er WP Rocket?
WP Rocket er en premie WordPress cache-plugin som er ekstremt effektiv til å få fart på lastetiden på nettstedet ditt.
WP Rocket planer og priser:
- $ 49 / år - 1 års støtte og oppdateringer for 1 nettsted.
- $ 99 / år - 1 års støtte og oppdateringer for 3 nettsteder.
- $ 249 / år - 1 års støtte og oppdateringer for ubegrensede nettsteder.
I motsetning til de fleste andre WordPress caching plugins som er beryktet for å være fullpakket med forvirrende alternativer og innstillinger. Lær mer om WP Rocket, og finn ut noen av de beste gratis alternativer til WP Rocket.
1. Last ned og installer WP Rocket
Først, gå over til WP Rocket nettsted og kjøp WordPress plugin.
Velg planen som passer best for deg og fullfør de nødvendige trinnene for å plassere bestillingen.
Deretter får du tilsendt en e-post med påloggingsinformasjon til kontoen din på wp-rocket.me. Gå og logg inn, og inn "min konto" Du finner nedlastingslenken. Last ned og lagre zip-filen på datamaskinen.
Logg deg deretter på din WordPress side og gå over til Plugins -> Legg til ny -> Upload Plugin.
Bare last opp og installer zip-filversjonen av WP Rocket.
Til slutt, gå og aktiver WP Rocket, og pluginet er nå installert. Jippi!
2. Beste og anbefalte innstillinger for WP Rocket
Nå er det på tide å konfigurere WP Rocket i henhold til de anbefalte innstillingene.
Gå først til Innstillinger -> WP Rocket, og du vil bli tatt til pluginens Innstillinger-side. Det er 10 faner eller seksjoner du trenger for å konfigurere og justere innstillingene for:
- Dashbord (standardfanen)
- Cache-innstillinger
- Innstillinger for CSS- og JS-filoptimalisering
- Medieinnstillinger
- Forhåndsinnstillinger
- Avanserte reglerinnstillinger
- Databaseinnstillinger
- CDN-innstillinger
- Add-Ons (Cloudflare)
- verktøy
- Bonus: Konfigurere WP-rakett for HTTP / 2
- Bonus: Bruke WP Rocket med KeyCDN
- Bonus: Hvilke web verter er kompatible med og jobber med WP Rocket?
- Bonus: Last ned min WP Rocket-konfigurasjonsfil
La oss nå gå gjennom å konfigurere de anbefalte innstillingene for WP Rocket, for hver av de 10 seksjonene.
WP Rocket Dashboard
Dashbordet gir deg informasjon om din lisens og når den utløper. Du kan også velge å være en Rakett Tester (beta testing program) og Rocket Analytics (la WP Rocket samle data anonymt). Her finner du også koblinger til støtte og vanlige spørsmål om WP Rocket.
I Dashboard kan du Fjern alle bufrete filer (anbefalt å gjøre når du er ferdig med å konfigurere WP Rocket-innstillingene), Start Cache Preloading (genererer en cache for hjemmesiden din og alle interne linker på hjemmesiden) og Rens OPcache Innhold (rydder OPcahce som forhindrer problemer når du oppdaterer WP Rocket-pluginet).
WP Rocket Cache Innstillinger
1. Aktiver caching for mobile enheter bør aktiveres da det muliggjør caching for mobile enheter og gjør nettstedet ditt mobilvennlig.
Velg også Separate hurtigbufferfiler for mobile enheter. Fordi WP Rocket mobile hurtigbufring fungerer tryggest med begge alternativene aktivert. Når du er i tvil, behol begge deler.
2. Aktiver hurtigbufring for innlogget WordPress Brukere, dette anbefales bare å ha aktivert når du har et medlemsside, eller lignende når brukere må logge på for å se innholdet.
3. Cache levetid settes automatisk til 10 timer, og dette betyr at hurtigbufrede filer automatisk fjernes etter 10 timer før de blir opprettet på nytt. Hvis du sjelden oppdaterer din nettsted eller har mye statisk innhold, kan du øke dette.
Lagre og test, grundig! Deaktiver innstillingene hvis du merker noe som er ødelagt på nettstedet ditt.
Innstillinger for optimalisering av WP Rocket CSS og JS Files
Minifiserer filer Reduser filstørrelser og forbedrer ladetiden. Minifisering fjerner mellomrom og kommentarer fra statiske filer, gjør det mulig for nettlesere og søkemotorer å behandle HTML, CSS og JavaScript-filer raskere.
Kombinerer filer vil sammenkoble filer til mindre grupper for å sikre tema / plugin-kompatibilitet og bedre ytelse. Men det er ikke anbefalt å tvinge sammenkobling til bare 1-enkeltfil, fordi nettlesere raskere laster opp til 6 mindre filer parallelt enn 1-2 store filer.
1. Minifiser HTML-filer Vil fjerne hvite plass og kommentarer for å redusere størrelsen på nettsidene på nettstedet ditt.
2. Kombiner Google Fontfiler vil redusere antall HTTP-forespørsler (spesielt hvis du bruker flere skrifter).
3. Fjern spørringsstrenger fra statiske ressurser kan du forbedre ytelsesklassen på GT Metrix. Denne innstillingen fjerner forespørselsstrengen fra statiske filer (f.eks. Style.css? Ver = 1.0) og koder det i filnavnet i stedet (f.eks. Stil-1-0.css).
4. Minimer CSS-filer Vil fjerne hvite plass og kommentarer for å redusere stilark filstørrelser.
5. Kombiner CSS-filer Sammenslåer alle filene dine i bare én fil, noe som vil redusere antall HTTP-forespørsler. Anbefales ikke hvis nettstedet ditt bruker HTTP / 2.
Viktig: Dette kan ødelegge ting! Hvis du oppdager feil på nettstedet ditt etter at du har aktivert denne innstillingen, deaktiver du bare den på nytt, og nettstedet ditt blir normalt tilbake.
6. Optimaliser CSS levering eliminerer gjengivelsesblokkerende CSS på nettstedet ditt for raskere oppfattet lastetid. Dette betyr at siden din vil begynne å laste uten CSS-stiler, og dette er noe Google PageSpeed Insights tar med i betraktningen når du "scorer" sidehastighet.
Kritisk sti CSS betyr at siden din begynner å lastes uten alle CSS-stilene. Det betyr at det kan se litt rart ut i noen øyeblikk mens du laster.
Dette kalles FOUC (flash av ustilt innhold). For å unngå dette må du bruke det som kalles Critical Path CSS. Dette betyr at CSS for innholdet øverst på siden din må plasseres direkte i HTML for å unngå FOUC mens siden lastes.
Å generere den kritiske banen CSS du kan bruke dette Critical Path CSS Generator verktøyet.
7. Minimer JavaScript-filer fjern hvite plass og kommentarer for å redusere størrelsen på JS-filer.
8. Kombiner JavaScript-filer kombinere nettstedets JavaScript-informasjon færre filer, noe som reduserer HTTP-forespørsler. Anbefales ikke hvis nettstedet ditt bruker HTTP / 2.
Viktig: Dette kan ødelegge ting! Hvis du oppdager feil på nettstedet ditt etter at du har aktivert denne innstillingen, deaktiver du bare den på nytt, og nettstedet ditt blir normalt tilbake.
9. Last inn JavaScript utsatt eliminerer gjengivelsesblokkerende JS på nettstedet ditt og kan forbedre lastetiden. Dette er noe Google PageSpeed Insights tar med i betraktningen når du "scorer" sidehastighet.
10. Sikker modus for JQuery sikrer støtte for inline jQuery referanser fra temaer og plugins ved å laste jQuery øverst på dokumentet som et gjengivelsesblokkende skript.
Lagre og test, grundig! Deaktiver innstillingene hvis du merker noe som er ødelagt på nettstedet ditt.
WP Rocket Media Settings
1. Lazy load bilder betyr at bildene bare lastes inn når de kommer inn (eller kommer til å gå inn) i visningsporten, dvs. bare lastes inn når brukeren ruller nedover siden. Lazy loading reduserer antall HTTP-forespørsler som kan forbedre belastningstiden.
(Jeg deaktiverer noen ganger lat lasting av bilder, bare fordi når lat lasting er aktivert, anker du lenker peker til en posisjon under et lat lastet bilde ruller til feil posisjon på nettsiden)
2. Lazy load iframes og videoer betyr at iframes og videoer vil bli lastet bare når de kommer inn (eller er i ferd med å gå inn) i visningsporten, dvs. bare lastes inn når brukeren ruller nedover siden. Lazy loading reduserer antall HTTP-forespørsler som kan forbedre belastningstiden.
3. Erstatt YouTube iframe med forhåndsvisningsbilde kan forbedre belastningstiden din betydelig hvis du har mange YouTube-videoer på en side.
Lazyload kan slås av på enkelte sider / innlegg (du finner denne innstillingen i sidelinjen etter / side)
4. Deaktiver Emoji bør deaktiveres fordi standardemojiene til besøkende 'nettleser skal brukes i stedet for å laste emoji fra WordPress.org. Deaktivering av emoji-hurtigbuffer reduserer antall HTTP-forespørsler som kan forbedre lastetidene.
6. WordPress innbygging bør være deaktivert fordi det hindrer andre i å legge inn innhold fra nettstedet ditt, det forhindrer deg også i å legge inn innhold fra andre nettsteder, og fjerner JavaScript-forespørsler relatert til WordPress Innbygging.
Lagre og test, grundig! Deaktiver innstillingene hvis du merker noe som er ødelagt på nettstedet ditt.
WP Rocket forhåndsinnstillinger
1. Sitemap forhåndsinnlasting bruker alle nettadressene i XML-sitemapet ditt for å forhåndslaste når cache-levetiden er utløpt, og hele cachen er blitt slettet.
2. Yoast SEO XML-områdekart. WP Rocket vil automatisk oppdage XML-sitemaps generert av Yoast SEO plugin. Du kan sjekke muligheten til å forhåndsinstallere den.
3. Preload bot skal bare aktiveres og brukes på servere med god ytelse. Når den er aktivert, utløses den automatisk etter at du legger til eller oppdaterer innhold på nettstedet ditt. Bytt til manuell hvis dette er årsak til høy CPU bruk eller ytelsesproblemer.
Når du skriver eller oppdaterer et nytt innlegg eller en side, sletter WP Rocket automatisk hurtigbufferen for det bestemte innholdet og annet innhold som er relatert til det. Preload bot vil gjennomsøke disse nettadressene for å regenerere hurtigbufferen umiddelbart.
4. Forhente DNS-forespørsler tillater domenenavn oppløsning parallelt med (i stedet for i seriell med) henting av faktisk sidens innhold.
Du kan spesifisere eksterne verter (som //fonts.googleapis.com & //maxcdn.bootstrapcdn.com) som skal forhåndshentes da DNS-forhåndshenting kan gjøre at eksterne filer lastes raskere, spesielt på mobilnettverk.
De vanligste nettadressene som skal forhåndsinnhentes, er:
- //maxcdn.bootstrapcdn.com
- //platform.twitter.com
- //s3.amazonaws.com
- //ajax.googleapis.com
- //cdnjs.cloudflare.com
- //netdna.bootstrapcdn.com
- //fonter.googleapis.com
- //connect.facebook.net
- // www.google-analytics.com
- // www.googletagmanager.com
- //kart.google. Med
Lagre og test, grundig! Deaktiver innstillingene hvis du merker noe som er ødelagt på nettstedet ditt.
WP Rocket Advanced Rules Settings
Disse innstillingene er for avansert hurtigbehandlingsbehandling, vanligvis for å ekskludere vogn- og kassettsider i e-handelsnettsteder.
1. Cache aldri URL (er) Lar deg angi nettadresser til sider eller innlegg som aldri skal bli cached.
2. Cache aldri cookies Lar deg angi ID-ene for informasjonskapsler som, når de er angitt i den besøkende nettleser, bør forhindre at en side blir cached.
3. Cache aldri brukeragenter Lar deg spesifisere brukeragentstrenger som aldri skal se bufret sider.
4. Alltid rense nettadressen (e) lar deg spesifisere nettadresser du alltid vil rydde fra hurtigbufferen når du oppdaterer innlegg eller sider.
5. Cache query strenger Lar deg spesifisere søkeord for caching.
Lagre og test, grundig! Deaktiver innstillingene hvis du merker noe som er ødelagt på nettstedet ditt.
WP Rocket Database Settings
Denne delen kommer med en rekke innstillinger for å rydde opp og optimalisere WordPress.
1. Legg inn opprydding sletter revisjoner, automatisk utkast og søppelpost og sider. Slett disse med mindre du har gamle versjoner av innlegg (eller slettede innlegg).
2. Kommentarer opprydding sletter søppelpost og søppelpost.
3. Transienter opprydding sletter lagrede data som liker sosiale teller, men noen ganger når transienter blir utgått, forblir de i databasen og kan slettes trygt.
4. Database opprydding optimaliserer tabeller i din WordPress database.
5. Automatisk opprydding. Jeg gjør vanligvis opprydding på ad hoc-basis, men du kan også planlegge WP Rocket for å kjøre automatiserte opprydninger av databasen din.
Ideelt sett bør du ta sikkerhetskopi av databasen din før du kjører en opprydding, for når databaseoptimaliseringen er utført, er det ingen måte å angre den på.
WP Rocket CDN-innstillinger
Ved hjelp av et innholdsleveringsnettverk (CDN) betyr at alle nettadresser til statiske filer (CSS, JS, bilder) blir omskrevet til CNAME (e) du oppgir.
1. Aktiver CDN. Aktiver dette hvis du bruker et innholdsleveringsnettverk. WP Rocket er kompatibel med de fleste CDN-er som Amazon Cloudfront, MaxCDN, KeyCDN (som jeg bruker) og andre. Finn ut mer om hvordan bruk WP Rocket med en CDN
2. CDN CNAME (e). Kopier CNAME (domene) gitt til deg av din CDN-leverandør og skriv det inn i CDN CNAME. Dette vil omskrive alle nettadresser for dine eiendeler (statiske filer).
3. Ekskluder filer Lar deg spesifisere URL (er) av filer som ikke skal bli servert via CDN.
Lagre og test, grundig! Deaktiver innstillingene hvis du merker noe som er ødelagt på nettstedet ditt.
WP Rocket Add-Ons (Cloudflare)
WP Rocket lar deg integrere Cloudflare-kontoen din med tilleggsfunksjonen.
1. Global API-nøkkel. Du finner API-nøkkelen øverst til høyre i Cloudflare-kontoen din. Bare gå til profilen din og bla nedover, og du vil se din globale API-nøkkel. Du må bare kopiere og lime dette inn i WP Rocket.
2. Konto e-post. Dette er e-postadressen du bruker til Cloudflare-kontoen din.
3. Domene. Dette er domenenavnet ditt, for eksempel websitehostingrating.com.
4. Utviklingsmodus. Aktiver midlertidig utviklingsmodus på nettstedet ditt. Denne innstillingen slås automatisk av etter 3 timer. Dette er bra for når du gjør mange endringer på nettstedet ditt.
5. Optimale innstillinger. Forbedrer automatisk Cloudflare-konfigurasjonen for hastighet, ytelse og kompatibilitet. Dette alternativet aktiverer de optimale Cloudflare-innstillingene.
6. Relativ protokoll. Bør kun brukes med Cloudflares fleksible SSL-funksjon. URL-er til statiske filer (CSS, JS, bilder) vil bli omskrevet for å bruke // i stedet for http:// eller https://.
WP Rocket Tools
1. Eksporter innstillinger Lar deg eksportere WP Rocket-innstillingene dine for å bruke på et annet nettsted.
2. Importer innstillinger lar deg importere dine forhåndsdefinerte WP Rocket-innstillinger.
3. Rollback lar deg gå tilbake til en tidligere versjon hvis en ny versjon av WP Rocket forårsaker problemer for deg.
Konfigurere WP-rakett for HTTP / 2
HTTP / 2 er en oppgradering til HTTP som har eksistert siden 1999 for å administrere kommunikasjonen mellom webservere og nettlesere. HTTP / 2 baner vei for raskere sidelaster gjennom bedre datakomprimering, multiplexering av forespørsler og andre hastighetsforbedringer.
Mange servere og nettlesere har støtte for HTTP / 2, og de fleste webverter, i likhet med SiteGround, støtter nå HTTP / 2. Dette HTTP / 2 kontroller forteller deg om nettstedet ditt er i stand til å bruke HTTP / 2.
Hvis nettstedet ditt er i stand til å bruke HTTP/2, ser du hvordan du kan konfigurere WP Rocket for det.
Sammenkoble (kombinere) alle CSS og JS-filer til så få filer som mulig er ikke den beste øvelsen for HTTP / 2 og WP Rocket anbefaler deg Ikke aktiver filkonsentrasjon i fil optimalisering fanen.
WP Rocket anbefaler at du la disse to boksene være ukontrollerte. For mer informasjon se Denne artikkelen på WP Rocket.
Slik bruker du WP Rocket med KeyCDN
Det er ganske enkelt å sette opp WP Rocket med KeyCDN. (FYI KeyCDN er innholdsleveringsnettverket jeg bruker og anbefaler)
Først opprett en trekksone i KeyCDN. Så gå til CDN-fanen og sjekk Aktiver innholdsleveringsnettverk alternativet.
Oppdater nå Erstatt nettstedets vertsnavn med: ” felt med URL-en som du får fra KeyCDN-dashbordet (under Soner> Sone-URL for pull-sonen du opprettet. URL-en vil se ut som: lorem-1c6b.kxcdn.com)
Alternativt, og det anbefalte alternativet, bruk en CNAME av valget URL (for eksempel https://static.websitehostingrating.com)
Hvilke web verter jobber med WP Rocket?
WP Rocket er kompatibel med nesten alle web verter. Men noen, spesielt klart WordPress Vertskapet, fungerer kanskje ikke med WP Rocket. Hvis vertsleverandøren din ikke er oppført her nedenfor, betyr ikke dette at den ikke er kompatibel med WP Rocket. Den beste måten å være 100 % sikker på er å kontakte webverten og spørre.
- Kinsta: Kinsta støtter kun WP Rocket versjon 3.0 og høyere. WP Rockets sidebufring er automatisk deaktivert for å forhindre konflikt med Kinsta innebygd caching. Kinsta er en offisiell partner av WP Rocket.
- WP Engine: WP Rocket er den eneste caching-pluginen som er tillatt på WP Engine. WP Engine er en offisiell partner av WP Rocket.
- SiteGround: WP Rocket er kompatibel med SiteGround's statiske, dynamiske og memcached caching. SiteGround er en offisiell partner av WP Rocket.
- A2 Hosting: WP Rocket er fullt kompatibel med A2 Hosting. Men du må installere WordPress på nettstedet ditt før du kan installere WP Rocket-plugin. A2 Hosting er en offisiell samarbeidspartner av WP Rocket.
- WebHostFace: WebHostFace støtter (og er en offisiell partner for) WP Rocket.
- Savvii: Savvii støtter (og er en offisiell partner for) WP Rocket.
- FastComet: Tilbyr en spesielt optimalisert pakke for WordPress og WP Rocket. FastComet er en offisiell partner av WP Rocket.
- Bluehost Forvaltes WordPress planer: Bluehost Forvaltes WordPress planer Varnish-konfigurasjon bryter WP Rockets minifikasjon, så du må enten slå av Bluehostsin lakk, eller slå av WP Rockets minifisering.
- Cloudways WordPress Hosting: Når du bruker WP Rockets minifisering med Cloudways' Varnish, må du opprette en eksklusjonsregel for Varnish i Cloudways applikasjonsinnstillinger.
- flywheel: Du må kontakte Flywheel-støtte og be dem om å aktivere WP Rocket.
- HostGator administrert WordPress planer: WP Rocket er ikke tillatt på HostGator administrert WordPress Hosting.
- Syntese: W3 Total Cache kommer forhåndsinstallert på Synthesis, men kan slettes og erstattes med WP Rocket.
- WebSavers.ca: WebSavers.ca er en offisiell partner for WP Rocket.
Les mer om kompatibel webverten med WP Rocket on https://docs.wp-rocket.me/article/670-hosting-compatibility.
Last ned min WP Rocket-konfigurasjonsfil
Jeg har gjort det veldig enkelt å legge til samme WP Rocket-konfigurasjon jeg bruker her på nettstedet mitt. Ganske enkelt last ned denne WP-rakettkonfigurasjonsfilen og deretter importere den i Verktøy-delen av WP Rocket-administrasjonen.
Kjøp en kopi av WP Rocket og deretter gå og Last ned min WP Rocket-konfigurasjonsfil og importer de nøyaktige innstillingene jeg anbefaler og bruker på dette nettstedet.
3. WP Rocket Help og offisiell dokumentasjon
Hvis du av en eller annen grunn har problemer med WP Rocket, er det massevis av nyttig informasjon tilgjengelig på WP Rockets nettsted. Husk at du også får 1 års støtte med ditt kjøp.
Her er en liste over WP Rocket-opplæringsprogrammer jeg fant ut til å være mest nyttige:
- Komme i gang
- Hosting Kompatibilitet
- Slik sjekker du om WP-raketten cacher sidene dine
- SSL Med WP Rocket
- WP-rakett med en CDN
- WP Raket Med Cloudflare
- Løs opp 500 Internal Server Error
- Løse problemer med reduksjon
- NGINX-konfigurasjon for WP-rakett
Hva er din erfaring med å bruke WP Rocket cache-plugin for WordPress? Har jeg slått ut noen viktig informasjon? Jeg vil gjerne høre alt om det i kommentarene nedenfor!
Hvis du fant denne WP Rocket-oppsett veiledningen nyttig, dele det på sosialt er alltid verdsatt.
