Gjør WordPress raskere – mål flaskehalsen først
Ikke installer fem ytelsesplugins på måfå. Etabler baseline, skill nettleser fra origin, endre ett lag om gangen og behold bare tiltak som gir målbar gevinst uten funksjonsfeil.
Vymo · · 7 min lesing
WordPress kan være raskt eller tregt på både delt hosting, VPS og administrerte plattformer. Antall plugins, webservernavn eller lagringstype avgjør ikke alene. Det avgjørende er hva som skjer for den konkrete siden, brukeren og forespørselen.
Begynn med å måle. Ellers risikerer dere å legge på minifisering, cache, CDN og databaseopprydding som skjuler problemet, bryter innlogging eller gjør neste feilsøking vanskeligere.
Ta en baseline som kan gjentas
Velg representative URL-er:
- forside
- vanlig artikkel eller tjenesteside
- arkiv, søk eller produktside
- innlogging og en innlogget side
- handlekurv og kasse hvis det er nettbutikk
Mål hver sidetype på mobil og desktop, både kald og varm cache. Noter dato, sted, nettverksprofil, enhet, WordPress-versjon, tema, aktive plugins, PHP-versjon og om testen var innlogget.
Bruk:
- feltdata til å se opplevelsen reelle brukere har over tid
- laboratoriedata til å gjenskape og feilsøke
- server- og applikasjonsdata til å finne PHP-, database- og ressursflaskehalser
Guiden om Core Web Vitals forklarer terskler, 75-persentil og forskjellen på URL- og origin-data.
Les symptomet før du velger tiltak
| Symptom | Undersøk først |
|---|---|
| Høy TTFB på ukachet side | PHP, databasespørringer, eksterne API-er, ressurskø og opcode-cache |
| Høy TTFB også på cachet side | cachemiss, proxy/CDN, nettverk, origin eller feil cachekonfigurasjon |
| Dårlig LCP med rask HTML | LCP-ressurs, prioritet, størrelse, CSS, font og rendering |
| Dårlig INP | lange JavaScript-oppgaver, event handler, plugin- eller temakode og rendering |
| Høy CLS | bilder uten dimensjoner, fonter, annonser og innhold som settes inn sent |
| Bare admin er treg | database, dashboard-widgets, Heartbeat, eksterne kall og admin-plugins |
| Bare én sidetype er treg | mal, query, shortcode, blokk eller funksjon på den sidetypen |
PageSpeed-score alene viser ikke hvilket WordPress-lag som er årsaken.
Endre trygt
Før ytelsesarbeid:
- ta en gjenopprettbar kopi av database og filer
- bruk staging med realistisk konfigurasjon og anonymiserte data
- registrer cache- og CDN-regler som finnes allerede
- velg ett målt problem og ett tiltak
- test kritiske brukerreiser etter endringen
- sammenlign samme testoppsett før og etter
- rull tilbake hvis gevinsten uteblir eller funksjon brytes
Ikke «optimaliser» direkte i produksjonsdatabasen eller kombiner PHP-oppgradering, nytt tema og cacheplugin i én endring.
1. Bygg riktig cachelag
Sidecache kan levere ferdig HTML uten at WordPress og databasen bygger hele siden for hver anonym forespørsel. Dette gir ofte stor gevinst på offentlige sider som er like for mange brukere.
Cache finnes i flere lag:
| Lag | Cacher | Viktig kontroll |
|---|---|---|
| Nettleser | bilder, CSS, JavaScript og fonter | versjonerte filnavn og riktige Cache-Control-headere |
| CDN eller reverse proxy | statiske filer og eventuelt HTML | cache key, cookies, query-parametre og invalidasjon |
| Sidecache | ferdig HTML | unntak for innlogging, handlekurv og personlige sider |
| Objektcache | beregnede objekter og databaseresultater | persistens, minnebruk og korrekt invalidasjon |
| PHP opcode-cache | kompilert PHP-kode | aktiv og dimensjonert for kodebasen |
Installer ikke flere plugins som konkurrerer om samme sidecache, minifisering eller lazy loading. Finn først hva host, CDN og eksisterende plugins allerede gjør.
WordPress beskriver sidecache, nettlesercache, objektcache og servercache som separate mekanismer . Cachede data skal kunne regenereres; cache er ikke backup.
Ikke cache feil innhold
Unnta eller varier cache for blant annet:
- innloggede brukere
- handlekurv og kasse
- personlig innhold og tilgangsstyrte sider
- engangstokens og passordreset
- forhåndsvisning og redigering
- API-responser med brukerdata
Test at en bruker aldri ser en annen brukers data. Kontroller også at publisering, prisendring og lagerendring faktisk invalidiserer relevante sider.
2. Prioriter LCP-bildet, ikke lazy-load det
Finn hvilket element som faktisk er LCP på hver viktig mal. Hvis det er et bilde:
- lever riktig dimensjon med
srcsetogsizes - komprimer med akseptabel visuell kvalitet
- bruk WebP eller AVIF når arbeidsflyt og nettlesere støtter det
- sett
widthogheighteller stabilt sideforhold - sørg for at bildet kan oppdages tidlig i HTML
- unngå CSS-bakgrunn når det gjør hovedressursen sen å oppdage
- ikke sett
loading="lazy"på bildet over folden som er LCP
Lazy loading er nyttig for bilder og iframes langt nede på siden. Ukritisk lazy loading av første skjerm kan derimot gjøre LCP dårligere. WordPress har egen logikk for lasteprioritet og forklarer hvorfor sannsynlige LCP-bilder ikke bør lazy-loades .
Komprimer originaler før opplasting når det er praktisk, men behold en kontrollert kildefil hvis virksomheten trenger fremtidige formater eller utsnitt. En plugin som masseendrer mediebiblioteket må ha backup og test.
3. Finn JavaScript som skaper dårlig INP
Mål lange oppgaver i nettleserens ytelsesverktøy og knytt dem til fil, plugin eller tredjepart. Vanlige kilder er:
- sidebygger og store blokkpakker
- chat, analyse, annonser og samtykkeløsning
- søk, filtrering og produktvarianter
- sliders, animasjon og popup-systemer
- kode som kjører på alle sider selv om funksjonen brukes på én
Fjern unødvendig kode før dere prøver å utsette den. Last funksjoner bare på relevante maler, del lange oppgaver og test interaksjonen på en moderat mobil. defer, async eller «delay until interaction» kan endre rekkefølge og bryte samtykke, sporing, menyer eller betaling.
Et lavere antall kilobyte er nyttig, men hovedproblemet kan være hvor lenge JavaScript blokkerer hovedtråden etter nedlasting.
4. Vurder plugins etter arbeid, ikke antall
En liten plugin kan kjøre en dyr spørring eller eksternt API-kall på hver request. En større plugin kan laste bare der den trengs. Antallet alene er derfor en svak indikator.
Lag et plugininventar med:
- funksjon og forretningseier
- hvilke sidetyper og hooks som berøres
- PHP-tid, databasekall og frontend-ressurser
- cachevennlighet
- vedlikeholdsstatus og siste sikkerhetsoppdatering
- lisens, support og avviklingsplan
Profiler i staging eller et kontrollert testvindu. Deaktiver én kandidat om gangen, tøm relevante cacher og gjenta samme test. Slett ubrukt kode når rollbackvinduet er over, men ta vare på konfigurasjon dere trenger for en planlagt retur.
Å erstatte flere plugins med én «alt-i-ett»-plugin er ikke automatisk bedre. Det kan gi mer kode, bredere tilgang og større leverandørbinding.
5. Feilsøk databasen med spørringsdata
Revisjoner, transients og spam kan bruke plass, men sletting gjør ikke nødvendigvis en treg side rask. Mål:
- de tregeste og hyppigste spørringene
- antall spørringer per sidetype
- låsing og lange transaksjoner
- store autoloadede innstillinger
- manglende eller uegnede indekser
- databaseforbindelser og ressursmetning
- eksterne kall som feilaktig tilskrives databasen
Bruk databaseplanen, for eksempel EXPLAIN, før indeksendring. Test pluginens oppryddingsfunksjon mot kopi av produksjonsdata og kontroller at data ikke trengs av aktiv funksjon, revisjonskrav eller rollback.
Les databaseguiden for nettsider før manuell SQL eller masseopprydding.
6. Skill tema, sidebygger og innhold
Temaet styrer maler, CSS, fonter og deler av JavaScript, men sidebygger, blokker og innhold kan dominere resultatet.
Sammenlign:
- en tom side i samme mal
- en representativ side med reelt innhold
- samme innhold i en enkel testmal
- nettverksforespørsler og CSS som faktisk brukes
Dette viser om flaskehalsen ligger i grunnmalen eller innholdskomponentene. Ikke bytt produksjonstema bare fordi en demo har høy Lighthouse-score; migrering kan endre design, maler, widgets, strukturerte data og redigeringsflyt.
Reduser fontfamilier, vekter, ikoner og globale komponenter. Sørg for fallback som begrenser layoutskift. Kritisk CSS og fjerning av ubrukt CSS må testes på alle maler og tilstander, ikke bare forsiden.
7. Mål server- og PHP-laget
Kontroller gjeldende WordPress-krav, støttet PHP-versjon og applikasjonens kompatibilitet. En nyere støttet PHP-versjon kan gi sikkerhets- og ytelsesgevinst, men må testes med tema og plugins.
Be hosten om data, ikke bare produktord:
- CPU-tid, minne, I/O og prosessgrenser
- kø eller throttling ved topp
- PHP workers og maks kjøretid
- opcode-cache og objektcache
- databaseversjon, forbindelser og treg spørringslogg
- disk- og nettverkslatens
- cachehit-rate og origin-TTFB
- tidspunkt og effekt av nabobelastning på delt plattform
SSD, NVMe, Nginx, LiteSpeed eller «cloud» garanterer ikke sluttresultatet. Test representativ last og sammenlign p50, p75 og p95 over tid. En VPS kan være tregere enn administrert delt hosting hvis den ikke er riktig konfigurert.
Bruk PHP-oppgraderingsguiden og webhotell-sjekklisten før plattformbytte.
8. Bruk CDN når problemet passer et CDN
Et CDN kan redusere avstand og originbelastning for cachebart innhold. Det reparerer ikke en treg, ukachet databasespørring eller JavaScript som blokkerer nettleseren.
Før og etter aktivering:
- mål fra de faktiske markedene
- kontroller cachehit, alder og cache key
- beskytt origin mot omgåelse når CDN er et sikkerhetslag
- test invalidasjon etter publisering
- unnta personlig og transaksjonelt innhold
- kontroller cookies, query-parametre og innloggede brukere
Les CDN-guiden for detaljer.
Prioriter etter dokumentert gevinst
Lag en enkel forbedringslogg:
| Problem | Tiltak | Før | Etter | Funksjonstest | Behold? |
|---|---|---|---|---|---|
| Høy LCP på produktside | riktig bildestørrelse og prioritet | måling | måling | produkt og zoom | ja/nei |
| Høy TTFB på artikler | sidecache for anonyme | måling | måling | innlogging og publisering | ja/nei |
Start med det som påvirker flest reelle brukere og forretningskritiske sider. Rydd opp i tiltak uten dokumentert effekt; hvert cache- og optimaliseringslag har også en vedlikeholdskostnad.
WordPress og Vymo
Vymos standardtilbud er ikke WordPress-hosting og inkluderer ikke WordPress-kontrollpanel, cacheplugins eller en ytelsesgaranti. Vymo lager og hoster én enkel bedriftsnettside som en administrert leveranse.
Trenger dere WordPress, må hosting, oppdatering, måling, cache, backup og hendelsesansvar avtales separat. Beskriv WordPress-løsningen og ytelseskravene , eller velg den enkle nettsiden når virksomheten ikke trenger WordPress.
Trenger bedriften en enkel nettside?
Vi lager én enkel nettside for bedriften og inkluderer hosting de første 12 månedene.