Hogyan javítsd a PageSpeed Insights pontszámodat anélkül, hogy fejlesztő lennél

Lefuttattad a PageSpeed Insights tesztet, megláttál egy alacsony, piros pontszámot, és összeszorult a gyomrod. Ez normális reakció. De mielőtt pánikba esnél, vagy fizetnél valakinek, hogy „megjavítson” valamit, érdemes megérteni, mit mér valójában ez a teszt, és mennyit tudsz belőle magad befolyásolni.

A jó hír: a pontszámodat lehúzó problémák nagy részének egyszerű, ismétlődő oka van. Túl nagy méretű képek, túl sok bővítmény, lassú tárhely, rosszul betöltött betűtípusok. Egyikük megértéséhez sem kell fejlesztőnek lenned. Ebben a cikkben végigveszem, mit jelent a pontszám, kik a szokásos bűnösök, mit tehetsz konkrétan még ma, és mikor van tényleg értelme segítséget kérni.

Mit mér valójában a pontszám, és miért látsz két különböző számot

Az első zavaró dolog: a PageSpeed gyakran jó asztali (desktop) pontszámot ad, a mobil viszont gyenge. Ez normális. A Google a mobil verziót egy szimulált, lassabb telefonon és kapcsolaton teszteli, mert a látogatóid többsége így böngészik.

A pontszám néhány valós mérés, az úgynevezett Core Web Vitals összetevője:

• LCP (Largest Contentful Paint) — mennyi idő alatt jelenik meg a fő elem, általában a nagy fejléckép. A jó célérték 2,5 másodperc alatt van.
• CLS (Cumulative Layout Shift) — mennyire „ugrál” a tartalom betöltés közben. A célérték 0,1 alatt van.
• INP — milyen gyorsan reagál az oldal, amikor megnyomsz egy gombot.

Ne rögzülj rá a középső számra. Arra törekedj, hogy ez a három érték zöldbe kerüljön. Ezek azt tükrözik, amit egy valódi ember ténylegesen érez.

Képek — az első számú bűnös

Ha van egy dolog, ami tönkreteszi a sebességedet, az a képek. Rendkívül gyakori, hogy valaki egyenesen a telefonjáról tölti fel a fotót, több megabájt méretben, és hagyja, hogy a böngésző CSS-sel zsugorítsa össze. A látogató továbbra is letölti a hatalmas fájlt.

Amit kód nélkül tehetsz:

• Méretezd át a képeket arra a szélességre, amelyen ténylegesen megjelennek (ritkán van szükséged 2000px-nél szélesebbre).
• Tömörítsd őket feltöltés előtt, egy ingyenes online eszközzel, tíz vagy száz kilobájtra, nem megabájtra.
• Használj modern formátumot, WebP-t, ha a platformod engedi.
• Kapcsold be a „lazy loading”-ot, hogy a lejjebb lévő képek csak akkor töltődjenek be, amikor odagörgetsz. Sok sablon és bővítmény ezt egyszerű pipával kínálja.

Már önmagában ez a takarítás láthatóan megemeli a pontszámot a legtöbb oldalon.

Túl sok bővítmény és script fut feleslegesen

A második bűnös, különösen WordPressen: a bővítmények halmaza. Mindegyik olyan kódot ad hozzá, ami minden oldalon betöltődik, még akkor is, ha az adott funkciót havonta egyszer használod. Ugyanez a helyzet a külső scriptekkel — chatek, térképek, követő pixelek, öt változatban betöltött Google betűtípusok.

Amit magad is ellenőrizhetsz:

• Kapcsold ki azokat a bővítményeket, amelyeket már nem használsz. Ne csak kikapcsold — ha biztos vagy benne, töröld is őket.
• Korlátozd a harmadik féltől származó scripteket a szükséges minimumra. Tényleg kell neked három analitikai eszköz?
• Telepíts egy gyorsítótárazó (caching) és egy optimalizáló bővítményt. Ezek automatikusan csoportosítják és késleltetik a scripteket, kód nélkül.

Egy fontos figyelmeztetés: egyszerre csak egy dolgot változtass, és tesztelj újra. Így pontosan tudni fogod, mi segített, és mi rontotta el a megjelenést.

Lassú tárhely — az a rész, amit egyetlen pipa sem old meg

Itt érünk el annak a határához, amit a beállításokból meg tudsz tenni. Ha a szerver lassan válaszol az első kérésre (ennek a mutatónak a neve TTFB, time to first byte), semmilyen optimalizáló eszköz nem ment meg teljesen.

Sok oldal olcsó, megosztott tárhelyen ül, ahol több száz oldal osztozik egy szerveren. Csúcsidőben a válaszidő megnő. A klasszikus jel: a pontszám néha jó, néha rossz, anélkül, hogy te bármit is változtatnál.

Az igazi megoldás a jobb tárhely vagy a gyorsabb architektúra. Itt, őszintén szólva, segít beszélni valakivel. Az MPO Web Studiónál gyors infrastruktúrán szállítunk oldalakat, eleve optimalizált képekkel és kóddal, pontosan azért, hogy soha ne kerülj ebbe a helyzetbe. Ez nem varázslat, csak jól van megcsinálva már az elejétől.

Mit tegyél még ma, sorrendben

Hogy ne veszélj el, íme a gyakorlati sorrend:

• Futtasd le újra a tesztet, és jegyezd fel a három értéket (LCP, CLS, INP), ne csak az összesített pontszámot.
• Nyisd meg a jelentés „Opportunities” (Lehetőségek) szekcióját. A Google pontosan megmondja, mely fájlok nehezek.
• Először a képeket javítsd — a legnagyobb nyereség a legkevesebb erőfeszítésért.
• Takarítsd ki a felesleges bővítményeket és scripteket, egyesével.
• Minden lépés után tesztelj újra.

Ha mindezt megcsináltad, és a mobil pontszám még mindig alacsony marad, a probléma szinte biztosan a tárhely vagy az oldal szerkezete. Ebben az esetben írj nekünk WhatsAppON az MPO Web Studiónál: megnézzük a jelentésedet, őszintén megmondjuk, mi javítható a beállításokból és mi nem, anélkül, hogy olyasmit adnánk el neked, amire nincs szükséged.