Hvordan installere og konfigurere WP Rocket (anbefalte innstillinger)

Written by

Er det ikke frustrerende når du klikker på et nettsted, du venter og venter på det som føles som eons, og du klikker tilbake -knappen av frustrasjon? Sannheten er at det er veldig lite som irriterer besøkende mer enn en sakte lasting nettsted og det er der WP Rocket kommer inn

Fra $ 49 per år

Få WP Rocket fra $ 49 inkl. Mva. 1 års support og oppdateringer for 1 nettsted

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 er måter å øke hastigheten på nettstedets lastetid, spesielt hvis nettstedet drives 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).

DEAL

Få WP Rocket fra $ 49 inkl. Mva. 1 års support og oppdateringer for 1 nettsted

Fra $ 49 per år

Her er hva du vil lære i dette innlegget:

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 Caching Plugin

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.

last ned wp rakett

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.

installer wp rakett

Til slutt, gå og aktiver WP Rocket, og pluginet er nå installert. Jippi!

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 ført til pluginens Innstillinger -side. Det er 10 faner eller seksjoner du må konfigurere og justere innstillingene for:

  1. Dashbord (standardfanen)
  2. Cache-innstillinger
  3. Innstillinger for CSS- og JS-filoptimalisering
  4. Medieinnstillinger
  5. Forhåndsinnstillinger
  6. Avanserte reglerinnstillinger
  7. Databaseinnstillinger
  8. CDN-innstillinger
  9. Add-Ons (Cloudflare)
  10. verktøy

La oss gå gjennom konfigureringen av de anbefalte innstillingene for WP Rocket, for hver av de 10 seksjonene.

WP Rocket Dashboard

wp raket 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 (anbefales å gjøre når du har konfigurert 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

wp rakett 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

WP Rocket CSS & JS File Optimization Settings

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.

Kombinere CSS og JS til færre filer regnes som en god praksis under HTTP / 1, det er ikke nødvendigvis tilfelle med HTTP / 2. Hvis nettstedet ditt kjører på HTTP / 2, er det de tingene du bør vurdere når Konfigurere WP Rocket for HTTP / 2.

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 i betraktning 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 i betraktning 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

wp-rakettmedieinnstillinger

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

Innstillinger for wp-rakettinnstillinger

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

Innstillinger for WP Rocket Static Files

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

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

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 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 ned, og du vil se din globale API -nøkkel. Du trenger bare å kopiere og lime inn dette 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 bare brukes med Cloudflares fleksible SSL -funksjon. Nettadresser til statiske filer (CSS, JS, bilder) blir skrevet om til å bruke // i stedet for http: // eller https: //.

WP Rocket Tools

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, kan du 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.

Konfigurere WP-rakett for HTTP / 2

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.

hvordan sette opp wp rakett med keycdn

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 hostingleverandøren din ikke er oppført her nedenfor, betyr det ikke at den ikke er kompatibel med WP Rocket. Den beste måten å være 100% sikker på er å kontakte webverten din og spørre.

  • Kinsta: Kinsta støtter bare WP Rocket versjon 3.0 og nyere. WP Rockets sidebuffer deaktiveres automatisk for å forhindre konflikt med Kinsta innebygde hurtigbufring. 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 Lakskonfigurasjon bryter WP Rockets minifisering, så du må enten slå av Bluehoster lakk, eller slå av WP Rockets minifisering.
  • Cloudways WordPress Hosting: Når du bruker WP Rockets minifisering med Cloudways 'Varnish, må du opprette en ekskluderingsregel 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 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.

gratis nedlasting wp rakett konfigurasjonsfil

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.

wp rakett hjelp

Her er en liste over WP Rocket-opplæringsprogrammer jeg fant ut til å være mest nyttige:

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.

Bli med på vårt nyhetsbrev

Abonner på vårt ukentlige nyhetsbrev og få de siste bransjenyhetene og trendene

Ved å klikke "abonner" godtar du vår vilkår for bruk og personvernerklæring.