Vi leder altid efter nye og innovative måder til yderligere at fremskynde og optimere dine 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 Kinsta
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. Som et resultat tillader vi WP Rocket på vores platform, fordi der ikke længere er nogen uforeneligheder.
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.cloud), 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.
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.
“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.
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.
Til sidst, hvis du klikker på knappen “Ryd cache” fra WP Rocket-instrumentbrættet, rydder dette også Kinsta-cachen.
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.
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 encache-control:publicheader 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
- 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 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 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 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.
- 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 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.
Hvis du er Kinsta-kunde, og du bruger kode minifikationsfunktionen, der er indbygget i MyKinsta-dashboardet, skal du dobbelttjekke med support for at se, om det er fint at bruge begge muligheder.
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.
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. Hvis du har Facebook integreret på dit websted, skal du tjekke, hvordan Facebooks nye opdatering vil påvirke det, og hvordan du løser det.
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
Under menuen “Preload” giver de dig en mulighed for at aktivere cache-preload, DNS-prefetch og font-preloads. Ikke alle disse fungerer på Kinsta. Men lad os dykke lidt ind i hver af disse.
Preload Cache
Vi anbefaler ikke denne mulighed for websteder, der er hostet på Kinsta, fordi det faktisk kan reducere ydelsen ved at overbelaste PHP-arbejdere.
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.
Preload Fonts
Hvis du hoster fonte på dit eget domæne og ikke på en ekstern tjeneste som Google Fonts, anbefaler vi at tilføje dem til listen “Preload Fonts” i WP Rocket. Ved at indlæse fonte i dit HTML’s <head> -element kan webbrowsere begynde at downloade fonte, før de opdages i din CSS-fil.
Avancerede regler
På grund af det faktum, at WP Rocket synkroniseres med Kinsta-miljøcachen, kan du ikke bruge de avancerede regler. Hvis du har brug for at ekskludere en URL eller katalog fra cache eller tvinge cache til en bestemt query strings, kan du altid nå ud til Kinsta supportteam.
Database
Under menuen “Database” giver WP Rocket dig muligheden for at udføre oprydninger på indlæg, kommentarer, transienter og tabeller.
Når det kombineres med vores automatiske ugentlige databaseoptimeringer, vil din database være ren ved at fjerne unødvendige postrevisioner og transienter, så din database fungerer på højeste ydelse.
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, behøves denne menu ikke, da Kinsta CDN automatisk distribueres på dit websted bag kulisserne.
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.
Heartbeat
Heartbeat er et WordPress Core API til server-polling. Det bruges af mange temaer og plugins til at opretholde en strøm af forbindelse med din server. Dette giver WordPress-udviklere mulighed for at opbygge realtids-opdateringer til deres produkter.
Som standard kører klientsiden Heartbeat-kode hvert 15-60 sekund. Afhængigt af dit websteds- og serverkonfiguration er hyppige Heartbeat-serverpings muligvis ikke nødvendige.
Med WP Rocket kan du reducere pulsintervaller til Heartbeat til 2 minutter eller deaktivere pings helt for dit websteds backend (WP-dashboard), frontend og posteditor.
For de fleste websteder anbefaler vi at bruge indstillingen “Reducere aktivitet”. Mange moderne plugins og temaer sørger for hjerteslag for kernefunktioner, så at deaktivering af det helt kan potentielt ødelægge dit websted.
Add-Ons
Under “Add-ons” giver WP Rocket dig muligheden for at tilføje yderligere tjenester til dit websted som Cloudflare, Sucuri, Google Analytics og Facebook Pixel. Hvis du bruger nogen af disse tjenester på dit websted, anbefaler vi, at du opsætter dem gennem WP Rocket for at sikre, at du drager fordel af den mest optimerede integration til disse tjenester.
Hvis du allerede bruger andre plugins til at integrere disse tjenester på dit websted, kan du sikkert fjerne disse plugins efter at have konfigureret tilføjelsen i WP Rocket..
Image Optimization
Udviklerne af WP Rocket er de samme mennesker bag Imagify, en af vores foretrukne billedoptimerings-tjenester. Hvis du leder efter et brugervenligt WordPress-plugin til optimering af billeder, kan du kigge på Imagify. Hvis du vil lære mere om billedoptimering og andre optimeringsplugins og -løsninger, kan du se denne artikel.
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.
Derefter kørte vi en test i Google PageSpeed Insights uden WP Rocket.
Efter WP Rocket
Derefter kørte vi 5 test i Pingdom med WP Rocket og muligheder aktiverede og tog gennemsnittet.
Derefter kørte vi en test i 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 WordPress-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.
Brian har en stor lidenskab for WordPress, har brugt det i over et årti og udvikler endda et par premium plugins. Brian kan lide blogging, film og vandreture. Opret forbindelse med Brian på Twitter.
Skriv et svar