A WordPress tud gyors lenni. A legtöbb oldal nem maga a platform miatt lassú, hanem egy halom kis, kijavítható hiba miatt. Itt a playbook, amit valós projekteken futtatunk a Core Web Vitals zöldbe hozására.
Először a hosting, utána a pluginok
Az olcsó shared hosting minden más optimalizációt szabotál. Az ügyfeleket olyan hosztra visszük, ahol valódi PHP runtime, object cache és lehetőleg edge cache van - Kinsta, WP Engine, Rocket.net vagy egy hangolt VPS. Ez egy lépés gyakran 500ms-t lefarag a TTFB-ből.
Javítsd meg az LCP képet
A Largest Contentful Paint szinte mindig a hero kép. A javítások nem látványosak, de döntőek:
- Modern formátum (WebP vagy AVIF).
- Explicit width és height, hogy ne legyen layout shift.
fetchpriority="high"az LCP képre.- Preload a head-ben.
- Resize - 2400px képet 800px-en mutatni pazarlás.
Egy korrekten kiszolgált LCP kép tisztességes hosztón egymaga 2.5s alá viszi a legtöbb marketing oldalt.
Ne tölts JavaScriptet, amit nem használsz
Auditáld a főoldalt a network tabban. Minden script adó. Tipikus bűnösök: teljes jQuery olyan oldalon, aminek nem kell, használatlan page builder JS, szinkron chat widget, négy analytics script, ahol egy is elég lenne. Defer-eld vagy távolítsd el kíméletlenül.
Inline-old a kritikus CSS-t, defer a többit
A legtöbb téma a teljes stylesheet-et a head-ben tölti, blokkolva a renderelést. Critical CSS pluginok vagy build-time generálás inline-ba teszi az above-the-fold stílusokat, és defer-eli a többit. A vizuális különbség az első paint-en drámai.
Használj valódi cache-t
Page caching a legkönnyebb teljesítménynyereség WordPress-en. WP Rocket, LiteSpeed Cache vagy host-szintű cache. Adj hozzá object cache-t Redis-szel, ha a host támogatja. A bejelentkezett user teljesítménye külön probléma - először a frontot oldd meg.
Figyeld a CLS-t, mint a sólyom
A Cumulative Layout Shift szinte mindig: hirdetési slot dimenziók nélkül, későn betöltődő font, embed aspect ratio nélkül vagy hero kép width/height nélkül. Mindegyik öt perces javítás. Együtt teszik a különbséget a „rángatózik” és a „szilárd” között.
INP: az új gonosz
Az Interaction to Next Paint leváltotta a FID-et, és szigorúbb. Nehéz event listenerek, blokkoló JavaScript, túlméretezett React vagy Vue widget WordPress témákban mind fáj az INP-nek. Auditáld a Chrome DevTools performance tabbal valós interakcióval, ne csak load-on.
Mérj valós usereken
A Lighthouse hasznos lab eszköz, de a Google a valós user adatokon rangsorol a Chrome User Experience Report alapján. Telepíts real-user monitoringot - PageSpeed Insights field data, vagy SpeedCurve - és figyeld a trendet. A lab score a műszerfal; a field score az igazság.
A WordPress oldal, ami zöld Core Web Vitals-t üt, nem mágia. Fegyelmezett végigfutás ezen a listán, és hajlandóság elhagyni azt, ami nem érdemli meg a súlyát.
Címkék