Miért legyen a céged növekedési stratégiájának része a weboldal teljesítmény?
A vállalatok számára elengedhetetlen stratégiai prioritássá vált a weboldal teljesítmény folyamatos monitorozása és a sebesség javítása.
Körülbelül két évvel ezelőtt a webhelytulajdonosok arra a következtetésre jutottak, hogy ahhoz, hogy a felhasználók által igényelt és elvárt teljesítményt nyújthassák, szervezeti szinten kell működniük. És hogy ha nem biztosítják ezt a teljesítményszintet, az károsan fog hatni az üzletükre és jövőbeli sikerükre.
Ennek a felismerésnek számos katalizátora volt, némelyik a webes ökoszisztéma általános változásai következtében alakultak ki, mások pedig a sajátos piaci szegmens miatt:
Az eszközhasználatban bekövetkezett változások
Hat évvel ezelőtt a munkamenetek több mint 70%-a asztali számítógépekről származott, és kevesebb mint 30%-a mobileszközökről. Azóta a helyzet megfordult, és ma már a munkamenetek több mint 70%-a mobilról származik. Bár a mobileszközök sokat fejlődtek a hálózat és a processzor sebessége tekintetében, sokuk még mindig jelentősen alulteljesít az asztali számítógépekhez képest, különösen azokban az országokban, ahol a mobilkapcsolat még mindig gyenge. Ennek eredményeképpen, ha a teljesítmény nem javul, sok látogató idővel a kapott élmény minőségének romlását tapasztalja.
Az ügyfelek elvárásai
Az elmúlt néhány évben jelentős változást tapasztaltunk az ügyfelek teljesítményre vonatkozó elvárásaiban. A Google és mások tevékenységének köszönhetően a webhelytulajdonosok ma már megértették, hogy a jó betöltési sebesség fontos tényező a webhelyek sikerében. Ennek eredményeképpen az ügyfelek a jó teljesítményt nyújtó platformokat részesítik előnyben – és elkerülik vagy elhagyják azokat, amelyek nem nyújtanak jó teljesítményt.
Google keresési rangsor
Még 2018-ban a Google bejelentette, hogy a mobilon különösen lassú oldalakkal rendelkező weboldalakat büntetni fogja. De 2021-től kezdve a Google megváltoztatta a megközelítését, hogy ehelyett a jó teljesítményű mobiloldalak rangsorolását növelje. Ez növelte a webhelytulajdonosok és a SEO-k motivációját, hogy olyan platformokat használjanak, amelyek képesek gyors oldalakat létrehozni.
Egyre ‘nehezebb’ weboldalak
Ahogy nő a gyorsabb webhelyek iránti igény, úgy nő az az elvárás is, hogy a webhelyek minél gazdagabb és összetettebb élményt nyújtsanak. Ez olyan funkciókat foglal magában, mint a videók és animációk, kifinomult interakciók és nagyobb testreszabhatóság. Ahogy a webhelyek egyre nehezebbé és összetettebbé válnak, a teljesítmény fenntartása egyre nagyobb kihívást jelent.
Jobb eszköztár és mérőszámok szabványosítása
A webhelyek teljesítményének mérése korábban kihívást jelentett, és speciális szakértelmet igényelt. Az elmúlt években azonban jelentősen javult a weboldalak sebességének és reakcióképességének mérési képessége, és sokkal egyszerűbbé vált, köszönhetően az olyan eszközöknek, mint a Google Lighthouse és a PageSpeed Insights. Ráadásul az iparág elsősorban a Google Core Web Vitals (CWV) teljesítménymutatókat szabványosította, és ezek nyomon követése ma már olyan szolgáltatásokba van integrálva, mint a Google Search Console.
Ezek a változások drámaian megváltoztatták a webhelyek teljesítményének megítélését.
A legtöbb vállalat számára elengedhetetlen fókuszponttá és stratégiai prioritássá vált a teljesítmény folyamatos monitorozása és a weboldal sebességének javítása.
Peter Drucker, az egyik legismertebb menedzsment tanácsadó híres kijelentése:
„Ha nem tudod mérni, nem tudod javítani”.
Ez a kijelentés igaz a menedzsmentre, és kétségtelenül igaz a webhelyek teljesítményére is.
De milyen mérőszámokat kell mérni a webhely teljesítményének meghatározásához?
Az évek során számos mérőszámot javasoltak és használtak, ami megnehezítette a különböző eszközökből származó eredmények összehasonlítását. Más szóval, a területről hiányzott a szabványosítás. Ez körülbelül két évvel ezelőtt megváltozott, amikor a Google bevezetett három elsődleges mérőszámot a webhely teljesítményének mérésére, amelyeket együttesen Google Core Web Vitals (CWV) néven ismerünk.
A három legfontosabb mérőszám a következő:
- LCP: Largest Contentful Paint (a láthatóságot méri)
- FID: First Input Delay (a válaszidőt méri)
- CLS: Cumulative Layout Shift (a vizuális stabilitást méri)
A CWV lehetővé tette az iparág számára, hogy néhány olyan mérőszámra összpontosítson, amelyek lefedik a weboldal betöltési élményének főbb aspektusait. Az a tény pedig, hogy a Google a CWV-t most már keresési rangsorolási jelként használja, további motivációt jelent az emberek számára, hogy kijavítsák ezeket.
Néhány tipp a teljesítmény növelésére
- A JavaScript méretének csökkentése szinte mindig előnyös a teljesítmény szempontjából, mivel csökkenti a tényleges letöltés, valamint a tagolás és a végrehajtás többletköltségét. Bizonyítottan közvetlen összefüggés van a JavaScript méretének csökkentése és a teljesítmény javulása között.
- A számítások áthelyezése a böngészőkről a szerverekre. A számítások böngészőkből szerverekre történő áthelyezésének tagadhatatlan előnye, hogy e számítások eredményei gyakran gyorsítótárba helyezhetők és újra felhasználhatók a munkamenetek között, akár egymástól független látogatók számára is, így a munkamenetenkénti végrehajtási idő drámaian csökken. Amikor egy látogató először navigál egy webhelyre, a szerveroldali megjelenítés (Server-Side Rendering, SSR) segítségével a szerveren generálják a céloldal HTML-jét, majd az így kapott HTML-t továbbítani lehet egy CDN-be.
Az ugyanarra az oldalra történő navigációk – akár nem kapcsolódó látogatók által – ezután közvetlenül a CDN-ből szolgáltathatók ki, anélkül, hogy a szervereinkhez hozzá kellene férni.
-
A modern webhelyek gyakran gazdagabb felhasználói élményt nyújtanak azáltal, hogy sokkal több médiaforrást, például képeket és videókat töltenek le és mutatnak be, mint korábban bármikor. A lehető legjobb minőségű képeket kell szolgáltatni, hogy vonzó és élvezetes felhasználói élményt nyújtsunk. Ez azt jelenti, hogy a teljesítmény javítása a vizuális élmény érzékelhető romlásával szóba sem jöhet. Az általunk megvalósított teljesítmény javításoknak meg kell őrizniük a felhasznált képek eredeti minőségét, hacsak a megrendelő kifejezetten másként nem rendelkezik.
A médiával kapcsolatos teljesítmény javításának egyik technikája a szállítási folyamat optimalizálása. Ez a szükséges médiaforrások minél gyorsabb letöltését jelenti.
A teljesítmény javításának jó technikája a szükséges képinformációk hatékonyabb szállítása a letöltendő bájtok számának csökkentésével, a kívánt képminőség megőrzése mellett. Ennek egyik módja egy modern képformátum, például a WebP használata. A WebP formátumban kódolt képek általában 25%-35%-kal kisebbek, mint a PNG vagy JPG formátumban kódolt egyenértékű képek. Persze mindezek mellett is nagyon gyakran előfordul, hogy a képeket át kell méretezni, le kell vágni, vagy más módon manipulálni kell, amikor egy weboldalon megjelennek.
Végezetül
A teljesítmény kultúra bevezetése lehetővé teszi, hogy a teljesítmény növelést a technológiai stack szinte minden részterületén alkalmazza – az infrastruktúrától a szoftverarchitektúrán át a médiaformátumokig. Bár egyes fejlesztéseknek nagyobb hatása van, mint másoknak, a halmozott hatás az, ami az általános előnyöket biztosítja. És ezek az előnyök nem csak nagy léptékben mérhetők; a felhasználók számára is nyilvánvalóak, köszönhetően az olyan eszközöknek, mint a WebPageTest és a Google PageSpeed Insights.
