Hvordan øke hastigheten WordPress Nettsted og pass Core Web Vitals - Guide 2026

I dagens digitale tidsalder, WordPress nettstedhastighet og optimalisering spiller en avgjørende rolle for å levere en optimal brukeropplevelse. Saktelastende nettsteder frustrerer ikke bare besøkende, men kan også påvirke søkemotorrangeringene og det generelle omdømmet på nettet negativt.

Faktisk har statistikken vist det 40 % av brukerne vil forlate et nettsted hvis det ikke gjør det last innen 3 sekunder men brukeroppbevaring er ikke den eneste grunnen til at du trenger å øke hastigheten på nettstedet ditt. 

Hvordan få fart på sakte WordPress Sted og pass Core Web Vitals?

Hvordan få fart på sakte WordPress Site & Pass Core Web Vitals

I et nøtteskall må du ha;

  • Lett tema (Kadence, Astra, GeneratePress eller OceanWP)

Jeg kan ikke understreke nok, hvis du ikke har en rask webhotell, kaster du bare bort tiden din på å øke ytelsen til nettstedet ditt. Å ha en rask nettvert er ditt første skritt for å få et nettsted som laster raskt før noen ytelsesjusteringer som tema, caching og så videre

Husk at høye lastehastigheter kan også hjelpe deg å rangere høyere i søkeresultatene. Gitt dette kan vi si det WordPress hastighetsoptimalisering er en vanlig bekymring for de som lager eller driver nettsteder på plattformen. Å optimalisere nettstedet ditt kan hjelpe deg med å redusere sidens lastetid. 

I denne artikkelen vil jeg dele med deg de beste tipsene som vil hjelpe deg når det gjelder WordPress hastighetsoptimalisering. 

Vi vil dekke ting som å endre DNS, vertskonfigurasjoner, bildeoptimalisering og mer. Men før vi kommer inn på noe av dette, må du forstå hva happens når en bruker besøker en WordPress området. 

Forstå hvordan WordPress Works 

Noe av det viktigste jeg har lært gjennom årene er det WordPress er flott for en rekke forskjellige ting, for eksempel innholdsstyring. Men hastighet er egentlig ikke en spesialitet som plattformen er kjent for, og det er på grunn av hvordan den plattformen fungerer. 

Når noen besøker deg WordPress, plattformen henter data fra forskjellige kilder som databasen og temaer og kombinerer alt til en HTML-fil. Når denne prosessen er fullført, sendes HTML-filen til brukerens nettleser. 

Jeg kan imidlertid fortelle deg det Å bygge sider mens du er på farten er egentlig ikke et passende alternativ for ideell ytelse. I tillegg kommer ting som plugins og temaer kjører alle samtidig konsumere verdifullt server ressurser, som kan føre til at lastehastigheten reduseres. 

Dette betyr ikke at du ikke kan optimalisere en WordPress nettsted for hastighet. Det er en rekke ting du kan gjøre når det gjelder WordPress hastighetsoptimalisering. La oss grave i hva de er;

DNS-hastighet
kilde: DNSPref

Endring av DNS kan hjelpe deg med å øke hastigheten på din WordPress nettsted, men før du gjør ditt trekk, sjekk DNS-hastigheten din. Det første du trenger å vite er at domeneregistratoren din er DNS-leverandøren din, så hvis du ikke har byttet, kan du risikere å oppleve en treg Time to First Byte (TTFB).

Dette happens av et par grunner, som nettverksforsinkelse, uplanlagt DNS-vedlikehold og nettverkets vertsvesen blokkert av Google. Du kan til og med ende opp med å miste SEO-rangeringene dine. Det viktigste du trenger å vite er at Cloudflares DNS fungerer bra, men hvis du er noen som bruker en Litespeed server, å bruke QUICs DNS er et bedre alternativ.

Det gir deg nøyaktig geo-ruting og integreres godt med QUICs CND. Det er andre alternativer som Kinsta og Cloudways, som begge tilbyr en premium DNS. Men det du trenger å vite er det Kinsta bruker Amazon Route 53, og Cloudways bruker DNS Made Easy, og begge er tregere enn Cloudflare, som har en spørringshastighet på 13.47 millisekunder (ms).

Slik endrer du DNS til Cloudflare:

  1. Registrer deg på plattformen.
  2. Legg til nettstedet ditt.
  3. Følg endre navnservers spør, og du er klar.

Ikke gå for mainstream-verter

De fleste tror ofte at en populær hostingplan eller leverandør er det beste alternativet for dem. Men hvis du i det hele tatt er bekymret for hastigheten på din WordPress nettstedet, må du vite at dette ikke er 100 % sant. Du må forstå at mange hostingselskaper dumper penger i markedsføring og annonser slik at de kan vises som "det beste alternativet."

En ting jeg har lært gjennom årene er at ikke all informasjonen du finner om hostingplaner er nøyaktig. Gitt dette har jeg en tendens til å ignorere anmeldelsene og videoene jeg ser på nettet og stole på spesifikasjonene i stedet, og jeg vil anbefale at du gjør det samme.

Nedenfor er dataene for populære vertsleverandører som du kan sammenligne.

  • Spesifikasjoner for delt vertsplan:
 SiteGround GrowBigHostinger Business WPWPX BusinessA2 Hosting Turbo BoostNameHero Turbo Cloud
typendeltdeltdeltdeltdelt
ServerApache + NginxLitespeedLitespeedLitespeedLitespeed
Cache PluginSG OptimizerLSCLSC eller W3TCLSCLSC
CDNGoogle CloudQUIC.cloudQUIC.cloud/XDNQUIC.cloudQUIC.cloud
Helside cachingJabruker QUICbruker QUICbruker QUICbruker QUIC
DNSBlokkert av Google for 4 dagerIntern/QUICIntern/QUICIntern/QUICIntern/QUIC
Kjerner/RAMskjult2 kjerner/1.5 GB1 kjerne/1 GB2 kjerne/2 GB3 kjerner/3 GB
oppbevaring20 GB / SATA200 GB / SATA15 GB / SATA"Ubegrenset" / NVMe"Ubegrenset" / NVMe
Objekt CacheMemescacheMemescacheNeiRedisRedis
DatabaseMySQLmariadbmariadbmariadbmariadb
RessursgrenserCPU-ressurser er vanligeLite ressurserLite ressurserEffektiv med LiteSpeedEffektiv med LiteSpeed
inodes400,000600,000Etter skjønn600,000500,000
KontrollpaneletNettstedsverktøyhPanelWPX-panelcPanelcPanel
E-postlagring10GB1GBFlere grenserubegrensetubegrenset
Store hendelserTTFB/DNS/CPU-problemer og uetiskSvindelrapporter, falske anmeldelser og brudd i 2019Klandret global avbrudd på død administrerende direktør2 uker langt ransomware-angrep2-dagers nodebrudd med utstedelse av et unnskyldningsbrev
TrustPilot-vurdering4.64.64.94.44.6
Intropris$ 6.99 per måned$3.99 per måned med 3 måneder gratis$20.83 per måned med 2 måneder gratis$ 6.99 per måned$ 10.97 per måned
Fornyelser$ 29.99 per måned$ 8.99 per måned$ 20.83 per måned$ 22.99 per måned$ 19.95 per måned
SpecsDetaljerDetaljerDetaljerDetaljerDetaljer

  • Cloud hosting plan spesifikasjoner:
 SiteGround Cloud Jump Start PlanWP Engine oppstartsplanStartplan for KinstaCloudways Vultr HF (2 GB) Rocket.net Starter Plan
typenCloudCloudCloudCloudPrivat Cloud
ServerApache + NginxApache + NginxApache + NginxApache + NginxApache + Nginx
Kjerner/RAM4 kjerner/8 GBIkke listet12 kjerner/8 GB1 kjerne/2 GB32 kjerner/128 GB
oppbevaring40GB10GB10GB64GB10GB
CDNGoogle CloudCloudflare og polskCloudflare, helside caching, og brannmurreglerCloudflare Enterprise for $5 per månedCloudflare Enterprise
CDN BåndbreddeunmeteredIkke nevnt100 GB100GBubegrenset
DNSInternInternAmazon Route 53DNS gjort enkelt for $5 per månedCloudFlare
Cache PluginSG OptimizerN / AN / ASusN / A
Objekt CacheMemescachedMemescachedRedis for $100 per månedRedis ProRedis
PHP-prosessorFastCGIHHVMFastCGIFPMLitespeed
PHP-arbeidereIkke nevntIkke nevnt2 PHP-arbeidereIkke begrensetIkke begrenset
MinnegrenseJusterbar512 MB256MBJusterbar1GB
DatabaseMySQLIkke nevntIkke nevntmariadbmariadb
Nginx omvendt proxyJaManuell konfigurasjon$ 50 per månedJaJa
Båndbredde eller månedlige besøk5TB50 GB og 25,000 XNUMX besøk per måned25,000 besøk per måned2TB50 GB og 250,000 XNUMX besøkende per måned
Email HostingJaN / AN / AN / AN / A
malware RemovalKun skannerN / APant om fjerningN / AImunify360
Store hendelserTTFB/DNS/CPU-problemer og uetiskBrudd i 2015nonenonenone
TrustPilot-vurderinger4.64.54.24.54.9
Pris$ 100 per måned$20 per måned når det betales årlig$ 35 per måned $30 per måned og ytterligere $5 for CF-bedrift$ 30 per måned.
SpecsDetaljerDetaljerDetaljerDetaljerDetaljer

Du kan velge en vertsleverandør som er best for deg basert på informasjonen jeg har delt med deg. Det er imidlertid noen viktige ting jeg vil påpeke om både den delte og skyvertsplattformen som jeg har nevnt. De positive anmeldelsene du vil lese om disse plattformene er ikke 100 % nøyaktige.

Når det er sagt, er det bedre å filtrer ned til 1- eller 2-stjerners anmeldelser på plattformer som TrustPilot og se hva brukerne er unhappy om. I tillegg liker noen delte hostingleverandører Hostinger har opplevde datainnbrudd som har påvirket millioner av kunder. WPX har hatt et strømbrudd som forlot mange nettsteder offline og brukere som klaget over mangelen på kommunikasjon.

Når det gjelder å velge en for din WordPress nettstedet, trenger du bare å gjøre litt research. Dette vil innebære å gå gjennom noen dårlige anmeldelser på TrustPilot, lese om brukeropplevelser på Reddit og analysere spesifikasjoner.

Konfigurer innstillinger i vertskontoen din

De fleste overser dette aspektet og holder seg bare til standardalternativene for vertskonfigurasjon.

For eksempel hvis nettstedet ditt ikke vises cached-sider, betyr det at den kan overbelaste din server, noe som fører til at hastigheten reduseres, og i verste fall kan nettstedet krasje. Vertsinnstillingene du kan konfigurere vil variere basert på leverandøren, men de vil genererally involvere ulike aspekter som inkluderer følgende.

  • OPcache - Hvis dette er noe som tilbys, bruk det. De OPcache er innebygd i PHP og fungerer med forhåndskompilert skriptbytekode delt minne, noe som øker nettstedets ytelse som det er ikke behov for PHP for å laste skriptet med hver forespørsel.
  • Caching lag – Hvis du har mulighet til det bruk noe som Ngnix, gjør det. Noen vertsalternativer som jeg har nevnt ovenfor støtter alle Nginx-omvendt proxy, slik at du kan cache innhold og forbedre nettstedets hastighet.
  • Brotli – Du kommer ikke til å finne mange verter som støtter Brotli, men det er en stor fordel hvis de gjør det. Det er en tapsfri komprimeringsalgoritme som komprimerer data ved å bruke forskjellige varianter av 2. ordens kontekstmodellering, LZ77-algoritmen og Huffman-koding.
  • Ressursbruk – De fleste har en tendens til å overse denne, men det er veldig viktig å holde øye med ressursbruken og feilloggene dine. Hvis du bruker for mange ressurser samtidig, kan det påvirke hastigheten.
  • Redis vs. Memcached – Begge disse er gode alternativer, men Redis har fordelen her. Det gir en bedre minneutnyttelse enn Memcached når den bruker hash-strukturen og ikke er avhengig av tredjepartsverktøy for diskdumping.

Ikke bruk noe annet enn Cloudflare APO, Enterprise eller QUIC.cloud på LiteSpeed

Cloudflare's Automatisk ytelsesoptimalisering (APO) er det viktigste enkeltstående når det gjelder WordPress hastighetsoptimalisering. Det lar i utgangspunktet Cloudflare betjene hele din WordPress nettstedet som det kan cache dynamisk innhold, hjelper deg med å få rask og konsistent TTFB.

Jeg vet at noen andre tilbydere tilbyr sine egne CDNs, og å ta en beslutning kan være overveldende. Så det er bedre å sjekke CDNsin ytelse, som for Cloudflare er utmerket. CloudFlare CDN er en topputøver på cdnpref.com og er enda bedre enn slike som Google og Akamai. 

Den har en spørrehastighet på bare 26.81 ms, altså 0.16 ms raskere enn Google og en kjempestor 6.22 ms raskere enn Akamai.

CDN Speed
kilde: CDNtrekker

APO vs Enterprise Cloudflare Plan

Før vi går i mer detalj, vil jeg bare påpeke at APO vil få jobben gjort for de fleste nettsteder, men det betyr ikke at det ikke har Enterprise versjon. Så hvis du går for APO-ruten, må du kanskje gå på akkord med ting som brannmursikkerhet, bildeoptimalisering, SSO-støtte og mer.

Nå, det du trenger å vite er at noen vertsplattformer støtter Cloudflare Enterprise, men de går glipp av et par funksjoner. Basert på mine erfaringer tror jeg det Rocket.net er den som kommer i nærheten av å tilby Enterprise-versjonen. Den er konfigurert for WordPress rett ut av esken og kommer med tonnevis av fordeler, som bildeoptimalisering, lagdelt caching, smart ruting, Og mer.

Å ta en avgjørelse kan være vanskelig, og det er derfor jeg har satt sammen en liste over faktorer som hjelper deg med å bestemme om du skal bruke Cloudflare Free eller Cloudflare Enterprise med Cloudways, FlyingProxyeller Rocket.net.

  • Tbps kl 192 og PoPs på 285 er de samme for alle. Cloudways støtter ikke APO, og du må betale $5 per måned for å bruke det med Cloudflare Free.
  • Flying Proxy har ikke Agro Smart Routing, og du må betale ekstra for å bruke den med Cloudflare gratis.
  • HTTP/3 og WAF er konsistente for alle alternativer; ekstra kostnader for lastbalansering med Cloudflare gratis makt appetter de første 500,000 XNUMX forespørslene.
  • Ingen av alternativene kommer med automatisk konfigurasjon bortsett fra Rocket.net, men båndbredden du får vil avhenge av hostingplanen du velger.

LiteSpeed ​​med QUICs standardplan

Hvis du er på Light server og kan ikke bruke Cloudflare, så er QUIC det beste alternativet for deg. Jeg har sammenlignet det med andre alternativer som Bunny CDN, FlygendeCDN, og SiteGround 2.0. Her er hva jeg fant:

  • Ocuco båndbredde du får er ikke feilaktig annonsert og er faktisk ubegrenset.
  • Du trenger ikke å betale ekstra for ting som geo-replikering og helside caching.
  • Med QUICs standardplan trenger du ikke betale ekstra for bildeoptimalisering og din HTTP/3 Load Balancing WAF Anti-DDoS.

Ikke gå over bord med sidebyggere

Det viktigste du trenger å vite når det kommer til sidebyggere er at de legger til litt ekstra CSS og JavaScript på nettstedet ditt og øker minnebruken. Dette betyr ikke at du ikke kan få topphastighet hvis du bruker sidebyggere; du kan, men du må være forsiktig med hosting og plugins du bruker, og du må optimalisere.

Så hvis du skal gå for sidebyggere, sørg for at du:

  • Støtte for Load Font Awesome 4 er av.
  • Alle tilgjengelige ytelsesinnstillinger er på.
  • Hold bruken av widgets og kolonner til et minimum.
  • Slå av sidebyggere når du ikke bruker dem.
  • Sørg for at CSS-utskriftsmetoden er satt til "ekstern stil".

Bruk bilde CDNs

Det er 2024, og bilder (og videoer) er hva innhold handler om i dag. Ikke optimalisering av bilder kan føre til økt server ressursforbruk og oppblåsthet. Så det er bedre å bruke bildet CDNs i motsetning til plugins.

Jeg har brukt ganske mye av dem opp gjennom årene: Imagify, ShortPixel, Bunny Optimizer og Cloudflare Mirage/Polish, for å nevne noen. Av alle disse alternativene har jeg funnet ut at CloudFlare er den beste som finnes. Det vil gi deg:

  • WebP
  • Endre størrelse på mobil.
  • AVIF-konvertering.
  • Nettverksoptimaliseringer.
  • Nei server bruk og ingen oppblåsthet.
  • AVIF støtter og serverer bilder fra CDN.

Og det beste er at det følger med CloudFlare Enterprise. Du må huske det mens mest CDNs støtter WebP, noen av dem konverterer ikke alltid bilder, så du må use den Chrome Dev Tools og se om bildene er konvertert. En annen ting å huske på er at du må være spesifikk med dimensjonene.

bro cache plugins gjør dette automatisk, men hvis det ikke er tilfelle, kan du alltid endre bildets dimensjon i HTML-filen. Til slutt, angi nettleseren cache TTL til 365 dager siden det er bedre å ha en lengre cache utløp for statiske bilder fordi de ikke endres.

Forsikre deg om Cache Konfigurasjoner Adresse Web Vitals

Web Vitals er i utgangspunktet ytelsesmålinger som Google vurderer når du måler den generelle brukeropplevelsen av nettstedet ditt. Dette kan påvirke søkerangeringen din. Det er viktig for deg å vite at mest gratis cache plugins mangler funksjoner som støtter dette, men hvis jeg måtte ta et valg, ville jeg gått med Swift Performance eller W3.

Annet enn dette, alternativer for SG-optimalisatoren og WP Rocket essensielle funksjoner som Lazy gjengivelse av HTML-elementer og APO-kompatibilitet. Dette gir oss virkelig to alternativer, og du kan se sammenligningen nedenfor: 

                                        LiteSpeed Cache      FlyingPress
Server-side cachingJaNei
Utsett JavaScriptJaJa
Fjern ubrukt CSSSeparat filSeparat fil
Kritisk CSSJaJa
Preload kritiske bilderBasert på antallNei
Ekskluder bilder over skillelinjenAutomatiskAutomatisk
Lazy load bakgrunnsbilderNeiHjelperklasse
Lazy gjengivelse HTML-elementerJaJa
Legg til manglende bildedimensjonerJaJa
YouTube iframe forhåndsvisningsbildeJaJa
Selvvert for YouTube-plassholderNeiJa
Host fonter lokaltJaJa
Font-display: byttJaJa
Preload lenkerJaJa
CDNQUIC.cloudBunny CDN
APO-kompatibilitetJaJa

For å være ærlig, tror jeg WP Rocket har falt bak i løpet av årene og egentlig ikke er det beste alternativet for LCP-optimalisering, bilder og hosting-fonter lokalt. Jeg har byttet til FlyingPress nylig, og jeg kan fortelle deg at det er det flott for nettvitaliteter og hastighet.

Det kan være lurt å forminske cache plugin hvis du er bruker CloudFlare og ikke kombiner CSS/Java siden det kan bremse nettstedet ditt og er noe som ikke bør gjøres på HTTP/2.

Konfigurer Perfmatters Innstilling for din Cache Plugin

Jeg har brukt Perfmatters ganske mye i løpet av årene, og basert på det jeg har lært, kan jeg fortelle deg at innstillingen du må konfigurere definitivt varierer for hver plugin. Når det gjelder cache plugins, du har egentlig bare fire alternativer som er verdt det. Så her er en oversikt for hver av dem

Perfmatters StilleFlyingPressLiteSpeed CacheWP RocketSiteGround Optimizer
InformasjonAktiver alle alternativerAktiver alle alternativer, men flytt wp-login og hjerteslagAktiver alle alternativer bortsett fra hjerteslagAktiver alle alternativer bortsett fra hjerteslag
EiendelerAktiver skriptbehandlingenAktiver skriptbehandlingenAktiver skriptbehandlingen og fjern deretter den ubrukte CSS-enAktiver skriptbehandlingen, utsett JavaScript, og fjern deretter den ubrukte CSS-en
PreloadingPreload CSS/JS-filerPreload kritiske bilder og fonter/CSS/JS-filerPreload kritiske bilder og CSS/JS-filerPreload kritiske bilder og CSS/JS-filer
Lazy Loadingslå avAktiver CSS-bakgrunnsbildeneAktiver CSS-bakgrunnsbildeneAktiver alle innstillinger for lazy load
Skrifterslå avslå avAktiver lokalt Google SkrifterAktiver skjermbytte + lokal Google Skrifter
CDNslå avslå avslå avslå av
Analyticsslå avslå avslå avslå av

Så når det gjelder konfigurering cache plugins for Perfmatters, kan du konfigurere FlyingPress og LiteSpeed ​​som du vanligvis ville gjort. Derimot, når det kommer til WP Rocket, du burde deaktiver alle CSS-innstillingene. Det samme gjelder for SG optimizer, men du burde deaktiver lazy load-innstillingen der også.

Lokalt vert eller forsinket tredjepartskode

Tredjepartskoder kan inneholde skript som blokkerer hovedtråden din og forhindrer viktige oppgaver.

Disse kodene kan redusere hastigheten på server responstider, DNS-oppslag og svarfeil. Men det er en rask løsning her som jeg har lært gjennom årene.

  1. Vert alle tredjepartskoder, fonter og miniatyrbilder lokalt.
  2. Hvis du bruker LiteSpeed cache, du er i gode hender siden den støtter lokaliserte ressurser.
  3. Hvis du ikke er det, kan du bruke Perfmatters'lokale Google skrifter.
  4. Du kan også bruke woff2 for å fjerne skriftfamilier du ikke bruker.
  5. Utsett tredjepartskoden på den synlige delen av siden. 

Husk å Preload

Preconnect hjelper deg med å etablere en tidlig forbindelse med tredjepartsdomener, men dette er noe du bare bør gjøre med tredjeparts fonter og CDN Nettadresser. Prefetch, på den annen side, er ganske lik preconnect. Den eneste forskjellen er TCP eller TLS. Husk at du bør preload fonter (bruk crossorigins med Prefmattters), bilder, WP-Block-Library og lenker.

Når du er ferdig, send inn nettstedet ditt til HSTS preload liste for Chrome, og du vil få et ytelsesløft.

Preload HSTS

Bli kvitt ubrukt CSS 

De fleste overser dette, men ubrukt CSS kan påvirke nettstedets ytelse, så det er bedre å fjerne det. Hvis du bruker WP Rocket, vil jeg anbefale at du deaktiverer denne funksjonen og deretter aktivere den inn Perfmatters bruker "Fil" alternativer for "Brukt CSS-metode" innstilling.

Se etter sakte Plugins

Når du optimaliserer nettstedet ditt for hastighet, må du vite at en plugin som yter sakte kan påvirke hastigheten. Gjennom årene har jeg identifisert ganske mange grunner til at en Plugin kan være treg.

  • Den første grunnen er å legge til CSS og JavaScript i grensesnittet. Du kan finne slike JavaScript og CSS ved hjelp av dekning og fjern dem for å øke hastigheten WordPress området.
  • A plugin kan også være treg hvis det øker minnebruken. For å teste om dette er tilfelle, bruk WP Hive. Den vil automatisk teste en plugin og gi deg all den innsikten du trenger.
  • Noen andre grunner kan være at a plugin legger til databasebloat eller bruker jQuery. Du kan se etter disse problemene ved å bruke phpMyAdmin, og Perfmatters vise avhengigheter.

I tillegg til alt dette kan du også optimalisere plugins ved å erstatte dem med CDNs eller blokker, begrenser bakgrunnsoppgaver, forsinker dem og deaktiverer ubrukte funksjoner. Nedenfor er noen plugins som jeg har sett påvirker både minne og sidehastighet.

PluginKategori MinnepåvirkningPageSpeed-påvirkning
All In One SEOSEONeiNei
Broken Link CheckerSEONeiJa
DisqusKommentarJaNei
ElementorPage BuilderNeiNei
Elementor Premium-tilleggPage BuilderJaNei
Elementor ProPage BuilderNeiNei
JetElementsPage BuilderNeiNei
jetpackTrygghetNeiNei
NextGEN GalleryGalleriNeiNei
Popup BuilderPopupNeiNei
Site Kit av GoogleAnalyticsNeiJa

Deaktiver Plugins På visse sider

Det neste du kan gjøre for WordPress hastighetsoptimalisering er å deaktivere plugins på enkelte sider. Perfmatters og Asset CleanUp er to av de mest populære alternativene for å gjøre dette. jeg bruker Perfmatters, og deaktivering pluginDet er ganske enkelt å bruke dette verktøyet.

Det første du må gjøre er aktiver skriptbehandling og testmodus. For å gjøre dette, gå til "Eiendeler" innstilling og se hvilken som helst side på nettstedet ditt i toppmenyen, og klikk deretter "Perfmatter" og deretter "Script Manager."

Gå nå til skriptbehandlingsinnstillingene og aktiver testmodus. Når du er ferdig med det, må du deaktivere plugins på alle sider som er lagt ut eller på mobile enheter. Hvis du deaktiverer dem på mobile enheter, må du gjøre det muliggjøre «separat mobil cache».

Kjenn din LCP

Så en LCP er i utgangspunktet delt inn i fire underdeler, og hver av dem gjelder en annen faktor, hvis detaljer er nevnt nedenfor.

Jeg har funnet ut at de fleste ofte sliter med å få et fast grep om Largest Contentful Paint (LCP). Men det er et viktig webområde, og du må forstå det.

LCP underdelFaktorerLCP %
TTFBCDN, hosting, helside cachingOsv~ 40%
Ressursbelastningsforsinkelseviewport bilder fra lat, preload fonter, viewport-bilder, ekskluder
Ressurs lastetidReduser CSS/JS-størrelser/bilder, CDN, kritisk CSS, cache utløp~ 40%
ElementgjengivelsesforsinkelseRelatert til å utsette, redusere og laste ut JavaScript

Du kan bruke ytelsesinnsikt fra Chrome Dev-verktøy for å se hvilke TTFB-er som tar lengst tid å laste. Når du har identifisert det, kan du LCPer ved å flytte tunge filer under den synlige delen, bruke Cloudflare SXG, utsette JavaScript for å forhindre gjengivelsesblokkering og lat gjengivelse av HTML-elementer. Hvis du vil vite mer om LCP-er, så dette Chrome for utviklere video er verdt det.

Hold deg unna layoutskift (CLS)

Layoutforskyvning er i utgangspunktet hvor mye siden skifter når den lastes. Dette er veldig viktig for WordPress hastighetsoptimaliseringer og happens fordi forskjellige elementer på siden lastes inn med forskjellige hastigheter, som f.eksnfluenser brukernes sidevisninger. Du kan bruke Googlesin sidelayoutforskyvningsfeilsøker for å se hvordan disse layoutskiftene utspiller seg på nettstedet ditt.

CLS debugger

har snakket om mange ting du kan gjøre for å optimalisere layoutskiftene gjennom denne veiledningen, og jeg vil nevne dem her igjen som en påminnelse.

  • Bytt preloading fonter og legg til manglende bildedimensjoner.
  • Endre din cookie legge merke til plugins, da dette også kan forårsake layoutskift.
  • Reserver plass for dynamisk innhold og annonser ved å legge til dimensjoner og plassere dem i en div-kode.
  • Fjern ubrukt CSS, sørg for at kritisk CSS fungerer, og generer den på nytt hvis du redigerer CSS.
  • Aktiver separat mobil cache i cache plugin for å minimere layoutskift når nettstedet ditt lastes inn på mobile enheter.

Begrens ressursbruken til under 50 %

Når du optimaliserer nettstedet ditt for hastighet; du må gi plass til trafikktopper og bakgrunnsoppgaver. Det er viktig å huske at du kan oppleve etterslep hvis CPU-bruken er høy, så det er det best å holde den under 50%. Når du prøver å begrense CPU-bruken, husk at avlastning av båndbredden til en CDN og fjerning av høy minnebruk plugins kan hjelpe. Men det er ikke alt.

  • Deaktiver datadeling i plugins.
  • Gå til din "wp_options" tabell og rydde opp automatisk lastet data.
  • Gå til din WordPress diskusjonsinnstilling og deaktiver pingbacks.
  • Bruk en vertsplan som har tilstrekkelig med kjerner, RAM og ressursgrense.
  • Reduser batchstørrelsen og øk maisintervallet for å begrense ubrukt CSS.
  • Noen handlinger kan forårsake hele cache å fjerne, noe som resulterer i økt CPU-bruk, så du må begrense automatisk cache lysning.
  • Husk at WP Rocket er preloading, LiteSpeed Cachesin crawler, eller SG Optimizers forvarming cache vil øke CPU-bruken din.

Bruk WP-Optimize for innstillinger for databaseopprydding

bro cache plugins støter på tre vanlige problemer når du prøver å rydde opp i databasen. Felles plugins kan ikke ta backup av databaser, fjern databasetabeller som er etterlatt av noen gamle plugins, og slett alle innleggsrevisjoner.

Men du trenger ikke å møte noen av disse problemene hvis du bruker WP Optimize for databaseopprydding. Når du har alt klart, må du:

  1. Gå gjennom databasetabellene dine.
  2. Identifiser "inaktiv" or "ikke installert" tabeller.
  3. Slett plugins eller temaer hvis du ikke planlegger å bruke dem.

En viktig ting som jeg har plukket opp i løpet av årene er at det er sikkert plugins, spesielt hvis de samler inn data, er det beste for deg WordPress nettsted, så det er bedre å ikke bruke dem. Hvis du vil ha analyser for nettstedet ditt, vil jeg anbefale det hold deg til Google Analytics eller begynn å bruke den hvis du ikke allerede er det.

Optimaliser for mobile enheter

Dette er noe som sier seg selv. De fleste som besøker nettstedet ditt, gjør det sannsynligvis fra en mobilenhet, og du må sørge for at nettstedet ditt er optimalisert for det. Nå overføres de fleste desktopoptimaliseringer til mobil. Men i tilfelle det ikke gjør det, er dette hva du skal gjøre:

  • Aktiver mobil caching i cache plugin.
  • Bruk Perfmatters til deaktiver ubrukt CSS og Javascript basert på enhetstype.
  • Fokuser på å redusere ventetiden siden det er nøkkelen for mobilbrukere og en del av TTFB.
  • Test CLS på mobil ved å bruke layoutskift-feilsøkingsverktøyet jeg nevnte tidligere og fikse skift i mobillayout.
  • Bruk CloudFlare Enterprise ettersom nettverket, prioritert ruting og lastbalansering spiller en stor rolle i å begrense virkningen av CDN PoPs.

Velg Bare The Plugins du trenger

Jeg har delt en liste over gratis pluginer med deg nedenfor. Du trenger tydeligvis ikke alle, så gå gjennom listen og bruk de som passer deg.

  • OMGF.
  • Debloat.
  • Optimole.
  • Unbloater.
  • WP Crontrol.
  • WP-Optimaliser.
  • Flying Scripts.
  • Query Monitor.
  • Widget deaktiver.
  • Flying Analytics.
  • WP Foft Loader.
  • WPS Hide Login.
  • LiteSpeed Cache.
  • WP YouTube Lyte.
  • Heartbeat Control.
  • Disable XML-RPC.
  • Limit Login Attempts.
  • Redis Object Cache.
  • Simple Local Avatars.
  • Blackhole For Bad Bots.
  • WP Server Health Stats.
  • WP Hosting Benchmark.
  • Preload Featured Images.
  • Pre* Party Resource Hints.
  • ShortPixel Adaptive Images.
  • Disable WooCommerce Bloat.
  • WP Hosting Performance Check.
  • Super Page Cache for Cloudflare.
  • Headers Security Advanced & HSTS WP.

Ta en titt på oppsettet mitt 

Hvis du fortsatt er mellom alle alternativene du har foran deg, ta en titt på oppsettet mitt for inspirasjon. Kanskje det hjelper deg å ta en avgjørelse.

ServiceKategori
Rocket.netHosting
Cloudflare EnterpriseCDN (kommer med Rocket.net)
FlyingPressCache Plugin
PerfmattersDiverse optimaliseringer
KadenceTema (gratis)
Kadence BlocksGuternberg Block Maler (gratis)

Nå vil jeg fortelle deg at dette oppsettet kan koste deg mer enn budsjettet ditt. Så hvis du ikke ønsker å bruke mer, er ikke dette noe for deg.

Jeg har imidlertid et billigere alternativ du kan sette opp i stedet. Ta en titt.

ServiceKategori
NameHero Turbo CloudHosting
QUIC.cloud (Betalt abonnement)CDN
LiteSpeed CacheCache Plugin
PerfmattersDiverse optimaliseringer
NameHeroEmail Hosting

Nedenfor er nettstedets hastighetspoeng på Pagespeed Insights & GTmetrix.

riderchris mobilscore
Mobilscore
riderchris skrivebordsscore
Skrivebordsresultat
riderchris gtmetrix-poengsum
GTmetrix-poengsum

Og akkurat der er den ultimate opplæringen om hvordan du kan øke WordPress Nettsted Speed ​​& Pass Core Web Vitals i 2024

Vennligst følg min WhatsApp Channel for de siste oppdateringene. Du kan også Kontakt meg hvis du trenger ytterligere hjelp.

Lignende innlegg