Vi leder altid efter nye og innovative måder til yderligere at fremskynde og optimere dine WordPress-websteder. I de sidste par måneder har vores team arbejdet bag kulisserne med udviklerne på WP Rocket, for at koordinere nogle ændringer med deres helt nye version 3.0-plugin (frigivet 3. april 2018). Vi er glade for at meddele, at WP Rocket 3.0 og Kinsta nu er fuldt kompatible og vil være det herfra og ud.

Tjek alt hvad du har brug for at vide nedenfor om brug af WP Rocket hos Kinsta, og hvordan det kan være en god match for dig og dine klienter.

At bruge WP Rocket hos Konsta

For dem af jer, der ikke er bekendt med WP Rocket, er det et populært alt-i-en premium cache- og optimerings-plugin til WordPress. Normalt tillader vi ikke cache-plugins i vores miljø, fordi de er i konflikt med vores indbyggede cache-løsning. Fra WP Rocket 3.0 vil deres side-cache funktion dog automatisk blive deaktiveret, når de kører på Kinsta-servere. Tidligere måtte dette gøres manuelt med deres side-cache-modul. Vi har også fjernet pluginet fra vores forbudte liste.

Dette giver dig mulighed for nu at bruge Kinsta’s cache-løsning, men stadig drage fordel af de fantastiske optimeringsfunktioner, som WP Rocket har at tilbyde (vi vil dykke ned i disse nedenfor).

Hvorfor er cache vigtigt? Cache er processen der gemmer ressourcer fra en anmodning og genbruger disse ressourcer til efterfølgende anmodninger. Grundlæggende reducerer det mængden af ​​arbejde, der kræves for at generere en sidevisning og reducerer belastningen på webserveren. Det er den første måde at ignorere forsinkelsen fra afhængigheden, WordPress har på PHP og en database (læs mere om WordPress vs statisk HTML).

WP Rocket 3.0-funktioner

Hvis du endnu ikke har set den nye 3.0-version af WP Rocket, er brugergrænsefladen smuk; mens det stadig er let at bruge og navigere! Nedenfor kan vi undersøge et par af de anbefalede funktioner, som du kan bruge fra WP Rocket til at fremskynde dit WordPress-websted, samt hvordan det synkroniseres med Kinsta-miljøet.

Vi kører også nogle hastighedstest for at se, hvilke muligheder der har størst indflydelse på et live site. Husk dog, at resultaterne kan variere fra sted til sted, så sørg for at teste på dit eget sted eller et scenemiljø. Hvis du bruger et scenemiljø på Kinsta, har WP Rocket hvidlistet vores URL-struktur (staging-sitename.kinsta.com), hvilket betyder, at det ikke tæller som et websted i forhold til dit samlede licensantal. Det samme gælder for at køre på localhost.

WP Rocket UI

WP Rocket UI

Rydde cache

Selvom cache automatisk deaktiveres i WP Rocket, når du kører på Kinsta, synkroniseres indstillingen “Ryd cache” i WP Rocket-menuen med Kinsta-miljøet. Hvis du rydder din WP Rocket-cache, rydder den faktisk hele webstedets Kinsta-cache i stedet. Hvor cool er det ik? Og som altid kan du rydde din Kinsta-cache fra øverste højre side af admin-linjen.

Ryd cache (2 måder)

Ryd cache (2 måder)

“Rens denne URL” fungerer også på samme måde, men i stedet for at rense hele dit websteds cache, rydder den cachen til den webadresse, du i øjeblikket er på. Dette er godt, hvis du måske har foretaget en manuel opdatering til en side eller et indlæg. Af ydelsesmæssige årsager anbefaler vi ikke konstant at rydde hele dit websteds cache, da det derefter skal genopbygges. Rensning af individuelle webadresser er en meget bedre måde.

WP Rocket ryd cache på individuel URL

WP Rocket ryd cache på individuel URL

Hvis du ændrer noget på dit WordPress-sted, f.eks. et plugin eller tema, kan du muligvis se en advarsel fra WP Rocket. Knappen Ryd cache sletter her også Kinsta-cachen.

WP Rocket ændrer klar cache

WP Rocket ændrer klar cache

Til sidst, hvis du klikker på knappen “Ryd cache” fra WP Rocket-instrumentbrættet, rydder dette også Kinsta-cachen.

WP Rocket fjerner alle cache-filer

WP Rocket fjerner alle cache-filer

Filoptimering

I menuen “Filoptimering” giver de dig muligheden for at optimere dine CSS- og JavaScript-filer. Lad os dykke lidt ind i hver af disse.

WP Rocket-filoptimering

WP Rocket-filoptimering

Grundlæggende indstillinger

  • Komprimer HTML: Ved at formindske HTML fjernes whitespace og kommentarer for at reducere størrelsen. Vi kørte hastighedstest og så et fald på 0,84% i belastningstiden med denne mulighed aktiveret. ⏱ Du ser måske ikke skøre forbedringer med denne funktion, men generelt er mindre white space og kode en god ting.
  • Kombiner Google-skrifttyper: Ved at kombinere Google fonts reduceres antallet af HTTP-anmodninger. Hvis du bruger en vært med HTTP/2 aktiveret, anbefales det ikke længere at kombinere filer på grund af forbedringer med parallelisering. Kinsta understøtter fuldt ud HTTP/2. Indlæsning af dine skrifttyper fra dit eget CDN kan også nogle gange forbedre ydelsen. Se vores guide til, hvordan du er vært for lokale fonts.
  • Fjern forespørgselsstrenge fra statiske ressourcer: Dine CSS- og JavaScript-filer har normalt filversionen i slutningen af ​​deres URL’er, såsom domain.com/style.css?ver=4.6. Nogle servere og proxyservere kan ikke cache-forespørgselsstrenge, selvom en cache-control:public header er til stede. Så ved at fjerne dem kan du undertiden forbedre din cache. Vi kørte hastighedstest og så et 1,86% fald i belastningstid med denne indstilling aktiveret. ⏱ Læs mere om, hvordan forespørgselsstrenge fungerer. Bemærk: Du kan ikke bruge dette sammen med indstillingerne for minify CSS eller JavaScript.

CSS-filer

  • Komprimer CSS-filer: Minify CSS fjerner white space og kommentarer for at reducere filstørrelsen. Vi kørte hastighedstest og så et 1,69% fald i belastningstiden med denne mulighed aktiveret. ⏱ På grund af den måde, CSS fungerer, kan dette ødelægge dit websted, så sørg for at teste det. Igen, generelt er mindre white space og kode en god ting.
  • Kombiner CSS-filer: Kombiner CSS fusionerer alle dine filer til 1, hvilket reducerer HTTP-anmodninger. Hvis du bruger en vært med HTTP/2 aktiveret, anbefales det ikke længere at kombinere filer, da de nu kan indlæses parallelt over en enkelt forbindelse. Kinsta understøtter fuldt ud HTTP/2. Læs mere om at kombinere ekstern CSS.
  • Optimer CSS-levering: Optimer CSS-levering eliminerer render-blokerende CSS på dit websted for hurtigere opfattet belastningstid. Læs mere om dette i vores dybdegående artikler om render-blokerende CSS og optimering af kritisk gengivelsessti. Vi kørte hastighedstest og så et 0,17% fald i belastningstiden med denne indstilling aktiveret. ⏱ Husk dog, at dette handler mere om opfattet belastningstid snarere end faktisk belastningstid.

JavaScript-filer

  • Minify JavaScript-filer: Minify JavaScript fjerner white space og kommentarer for at reducere filstørrelsen. Vi kørte hastighedstest og så et fald på 0,84% i belastningstiden med denne mulighed aktiveret. ⏱ På grund af den måde JavaScript fungerer på, kan dette ødelægge funktionaliteten med dine plugins eller temaer, så sørg for at teste det. Igen, generelt er mindre white space og kode en god ting.
  • Kombiner JavaScript-filer: Kombiner Javascript-filer kombinerer dit websteds JS-information færre filer, hvilket reducerer HTTP-anmodninger. Hvis du bruger en vært med HTTP/2 aktiveret, anbefales det ikke længere at kombinere filer, da de nu kan indlæses parallelt over en enkelt forbindelse. Kinsta understøtter fuldt ud HTTP/2.
  • Indlæs JavaScript udskudt: Indlæs JavaScript udskudt fjerner gengivelsesblokerende JS på dit websted og kan forbedre belastningstiden. Læs mere om dette i vores dybdegående artikler om render-blokerende JavaScript. Dette kan også ødelægge dit websted, hvis du ikke er forsigtig, så sørg for at teste. Vi kørte hastighedstest og så et fald på 1,35% i belastningstid med denne mulighed aktiveret. ⏱

Media

I menuen “Media” giver de dig en mulighed for at lazy loade dine billeder og video samt deaktivere yderligere scripts fra indlæsning, f.eks. Emojis og Embeds. Lad os dykke lidt ind i hver af disse.

WP Rocket media-optimering

WP Rocket media-optimering

LazyLoad

Lazy loading er en optimerings-teknik, der indlæser synligt indhold, men forsinker download og gengivelse af indhold, der vises under folden. Ved at aktivere indstillingen for lazy load muligheden, kan det forbedre den faktiske og opfattede indlæsningstid som billeder, iframes og videoer kun indlæses, når de kommer ind (eller er ved at indtaste) visningen og reducere antallet af HTTP-anmodninger.

  • Aktivér for billeder: Vi kørte hastighedstest og så et fald på 3,89% i belastningstiden med denne indstilling aktiveret. ⏱
  • Aktivér for iframes og videoer: Vi faldt otte YouTube-videoer på en side og så et 74,43% fald i indlæsningstid med denne indstilling aktiveret. ⏱ WP Rocket har en mulighed for automatisk at erstatte en YouTube-video med sit eksempel-billede. Dette er en utrolig kraftig måde at fremskynde videoer på dit WordPress-sted.

Se vores dybdegående tutorial om lazy loading i WordPress.

Emoji

Med frigivelsen af ​​WordPress 4.2 kom integrationen af ​​emojier i kernen for ældre browsere. Det store problem med dette er, at det genererer en ekstra HTTP-anmodning på dit WordPress-sted for at indlæse wp-emoji-release.min.js-filen. Og dette indlæses på hver enkelt side.

Deaktiver emoji: Funktionen deaktiver emoji reducerer antallet af HTTP-anmodninger. Det vil ikke bryde dem, det vil simpelthen gå tilbage til brugerens browser-emoji-version. Vi kørte hastighedstest og så et 2,2% fald i belastningstiden med denne mulighed aktiveret. ⏱ Se vores dybdegående artikel om deaktivering af emojier.

Indlejringer

Med frigivelsen af ​​WordPress 4.4 kom oEmbed-funktionen i kernen. Du har sandsynligvis set eller brugt dette før. Dette gør det muligt for brugere at integrere YouTube-videoer, tweets og mange andre ressourcer på deres websteder ved blot at indsætte en URL, som WordPress automatisk konverterer til en embed og giver en live preview i den visuelle editor.

Hvad dette betyder er imidlertid, at det også genererer en ekstra HTTP-anmodning på dit WordPress-sted nu for at indlæse wp-embed.min.js-filen. Og dette indlæses på hver enkelt side.

Deaktiver WordPress-integreringer: Funktionen deaktiver indlejring reducerer antallet af HTTP-anmodninger. Vi kørte hastighedstest og så et fald på 4,9% i belastningstiden med denne mulighed aktiveret. ⏱ Se vores dybdegående artikel om deaktivering af integreringer.

Preload

I menuen “Preload” giver de dig en mulighed for at aktivere forkort indlæsning af sitemap, forudindlæst bots og forhåndsudfylde DNS-anmodninger. Ikke alle disse fungerer på Kinsta. Men lad os dykke lidt ind i hver af disse.

WP Rocket Preload

WP Rocket Preload

Sitemap forudindlæsning og preload Bot

Vi anbefaler ikke at bruge nogen af ​​disse indstillinger, og faktisk fungerer de sandsynligvis ikke på Kinsta.

Prefetch DNS-anmodninger

Med DNS-prefetching kan du løse domænenavne (udføre en DNS-opslag i baggrunden), før en bruger klikker på et link, hvilket igen kan hjælpe med at forbedre ydelsen. Det gøres ved at tilføje et rel ="dns-prefetch" -tag i overskriften på dit WordPress-sted. Vi anbefaler, at du føjer en prefetch til eksterne anmodninger fra din CDN, Google-skrifttyper og Google Analytics. Her er et eksempel nedenfor:

<link rel="dns-prefetch" href="//cdn.domain.com/">
<link rel="dns-prefetch" href="//fonts.googleapis.com/">
<link rel="dns-prefetch" href="//www.google-analytics.com">

Dette er sværere at hastighedstesten, men du kan være sikker på, at det vil hjælpe med at fremskynde dit websted.

Avancerede regler

På grund af det faktum, at WP Rocket synkroniseres med Konsta miljø-cachen, kan du ikke bruge de avancerede regler. Hvis du har brug for at ekskludere en URL eller katalog fra cache, kan du altid kontakte Kinsta supportteam.

Database

I menuen “Database” giver de dig muligheden for at udføre oprydninger på indlæg, kommentarer, transienter og tabeller.

WP Rocket Database

WP Rocket Database

Oprydning efter indlæg

Det er ikke ualmindeligt, at ældre websteder har 100+ revisioner på deres hovedsider. Dette skyldes simpelthen mange års redigering og opdatering af indhold. Lad os sige, for eksempel et sted har 700 sider eller indlæg med 150 revisioner på hver, dette ville være over 100.000 poster i databasen. Dette optager lagerplads, og selv med databaseindeks kan dette undertiden skade ydeevnen. WP Rocket giver dig mulighed for at slette følgende:

  • revisioner
  • Auto-udkast
  • Slettede indlæg

Tjek vores dybdegående indlæg om, hvordan du optimerer revisioner for hurtigere ydelse.

Oprydning i kommentarer

Tilsvarende til revisioner kan spam og slettede kommentarer ganske enkelt tilføje spildt rum over tid. WP Rocket giver dig mulighed for at slette følgende:

  • Spam-kommentarer
  • Slettede kommentarer

Hvis du ikke bruger kommentarer på dit WordPress-sted, anbefaler vi blot at deaktivere kommentarer for at forhindre, at spam overhovedet kommer igennem. Du behøver heller ikke at bekymre dig om installation af spam-plugins.

Transienter oprydning

Transienter i WordPress overses undertiden, men de er meget vigtige! Faktisk har vi set korrupte forbigående cache helt fjerne et WordPress-sted. Disse er beregnet til at være midlertidige, så det er sikkert at fjerne dem, og vi anbefaler det. Hvis de er nødvendige af et plugin, regenereres de automatisk. WP Rocket giver dig mulighed for at slette følgende:

  • Udløbne transienter
  • Alle transienter

Oprydning i database

Valg af databaseoprydning reducerer omkostningen af ​​databasetabeller. Hos Kinsta bruger vi imidlertid InnoDB i stedet for MyISAM, og det er derfor normalt ikke nødvendigt. InnoDB har vist sig at fungere bedre og være mere pålidelige. En stor grund til at bruge InnoDB frem for MyISAM er at drage fordel af låsen på rækkeniveau. Dette gør det muligt for dine forespørgsler at behandle hurtigere. Hvis du migrerer dit WordPress-sted til Kinsta, er dette en af ​​de optimeringer, som vores ingeniører foretager på dit websted.

Automatisk oprydning

WP Rocket giver dig også muligheden for at planlægge automatisk oprydning af din database dagligt, ugentligt eller månedligt. Dette er planlagt med et CRON-job bag kulisserne.

CDN

Under “CDN” -menuen kan du aktivere et tredjeparts indholdsleveringsnetværk. Dette er virkelig en no-brainer, når det kommer til ydeevne. De fjerner belastningen fra din webserver, mens de fremskynder levering af indhold til dine besøgende, hvilket gør deres oplevelse bedre. Tjek hvorfor vi synes, at hvert websted skal bruge et CDN.

Hvis du er en Kinsta-klient, er denne menu ikke nødvendig, da Kinsta CDN automatisk distribueres på dit websted bag kulisserne. Vi har dog bemærket på nogle få websteder, at du muligvis skal indtaste din Kinsta CDN URL, når WP Rocket er aktiveret. Vi anbefaler, at du først kører dit WordPress-sted gennem et websteds hastighedstest-værktøj for at bekræfte, at alle dine aktiver (JS, CSS og billeder) indlæses fra Kinsta CDN. Hvis de ikke er det, kan du prøve at indtaste din Kinsta CDN URL manuelt (eksempel: mk0dgs321g.kinstacdn.com).

WP Rocket CDN

WP Rocket CDN

Add-Ons

Under menuen “Tilføjelser” giver de dig muligheden for at aktivere Cloudflare. Hvis du bruger WP Rocket Cloudflare-tilføjelsen, har du ikke længere brug for det officielle Cloudflare-plugin. WP Rocket leverer den samme funktionalitet som levering af IP-adresser med oprindelse.

WP Rocket add-ons

WP Rocket add-ons

Hvis du bruger WP Rocket med en anden hostingudbyder, har du også muligheden for at aktivere Varnish. Da dette imidlertid ville være i konflikt med vores cache-løsning her på Kinsta, skjules dette automatisk.

Final Speed Tests ⏱

Derefter kørte vi nogle endelige hastighedstests med alt aktiveret, så du kunne se en før og efter. Bemærk: Dette WordPress-websted er vært hos Kinsta.

Før WP Rocket

Vi kørte 5 test i Pingdom uden WP Rocket og tog gennemsnittet.

Før WP Rocket

Før WP Rocket

Derefter kørte vi en test i Google PageSpeed Insights uden WP Rocket.

Google PageSpeed Insights før WP Rocket

Google PageSpeed Insights før WP Rocket

Efter WP Rocket

Derefter kørte vi 5 test i Pingdom med WP Rocket og muligheder aktiverede og tog gennemsnittet.

Med WP Rocket

Med WP Rocket

Derefter kørte vi en test i Google PageSpeed Insights med WP Rocket.

Google PageSpeed Insights med WP Rocket

Google PageSpeed Insights med WP Rocket

Her er afhentning af ovenstående resultater:

  • I vores Pingdom-test så vi et 9,12% fald i den samlede belastningstid, når vi kører WP Rocket. Selvom dette muligvis ikke synes højt, tog det kun et par minutter og mindre end 10 klik at opnå.
  • Husk, at WP Rockets bedste egenskab er i deres cache-løsning. Men her hos Kinsta bruger vi allerede vores indbyggede cache, så vi deler kun resultater af deres andre optimeringsfunktioner. Så det er virkelig en forbedring på 9% på toppen af ​​Kinstas lynhurtige cache. ⚡
  • Det sted, vi brugte til testen, er allerede ret optimeret. Større websteder og dem, der ikke er så optimerede, vil let se endnu større resultater.
  • Er du nysgerrig efter, hvorfor der er yderligere anmodninger i den endelige version? Dette skyldes normalt lazy load af billeder, da det skaber tomme data: image / gif; base64-anmodninger. Men rolig, det bliver stadig hurtigere.
  • Hvis du hoster video, kan du muligvis se fald i belastningstiden på op til 50% eller mere. Dette opnås ved at bruge funktionen WP Rockets, der erstatter YouTube-videoer med klikbare preview-miniaturebilleder. Dette er virkelig praktisk!
  • I vores Google PageSpeed ​​Insights-test så vi en stigning i vores score fra 88/100 til 98/100. Men, resultaterne er dog ikke så vigtige som den samlede belastningstid, så tag disse med et gran salt. Vi diskuterer dette i vores artikel om Google PageSpeed ​​Insights.

Som du kan se ovenfor, laver WP Rocket er utrolig godt stykke arbejde, med nemt at fremskynde dit websted med bare et par enkle klik!

Resumé

Holdet hos WP Rocket skubber konsekvent nye funktioner ud, der direkte samsvarer med web-præstations-anbefalingerne, vi deler på Kinsta. Du kan forvente at se en endnu strammere integration med deres plugin i de næste par måneder! Vi er glade for, at klienter nu kan bruge dette plugin uden yderligere nødvendige ændringer.

Vi vil meget gerne høre, hvad du synes? Bruger du WP Rocket? Fortæl os det nedenfor i kommentarerne.

8
Delinger