Mivel az oldalsebesség az évek során mind a SEO, mind a UX fontos mérőszámává vált, az a webes teljesítmény költségvetése is előtérbe került. Ma már nyilvánvalóbb, hogy a webes teljesítmény olyan téma, amely az összes részleg számára közös nézőpontot igényel, nem pedig egyetlen osztály vagy egyén prioritása.
Hogy ezt egy példával magyarázzuk el: a marketing osztályoknak érdemes lehet konverziót és remarketing/újracélzás kódok, olyan eszközökkel együtt, mint Criteo és RTB House, amelyek termékalapú újracélzást használnak. Szemet gyönyörködtető fotókra és animációkra is számíthatnak. Eközben a termékosztályok kérhetik olyan eszközök integrálását, mint pl Hotjar és Clarity. A szoftverrészlegek ezzel szemben a lehető leggyorsabb fejlesztésre törekednek mind az előtérben, mind a háttérben. Az oldalsebesség igénye és az ezekkel kapcsolatos költségek valójában egyensúlyban vannak. A webes teljesítmény költségvetése ennek az egyensúlynak a hatékony megteremtése érdekében jelent meg.
A webteljesítmény-költségvetés magában foglalja egy célsebesség beállítását a platform számára egy adott platformon, és olyan számszerű célokat, amelyeket minden érdekelt fél be kell tartania e sebesség elérése érdekében. Röviden, a gyorsaság ára a webes teljesítmény költségvetése.
Minden egy ajánlattal kezdődik. Javaslatot tesz arra, hogy milyen gyorsan nyíljon meg az oldal egy adott típusú kapcsolat esetén. Például néhány teljesítmény-költségvetési javaslat a következő lehet:
- Megnyílik a kezdőlap 2 másodperc alatt gyors 3G mobilkapcsolaton (1.6 Mbps)?
- Megnyílhat a keresési eredményoldal 5 másodperc alatt lassú 3G kapcsolaton (780 Kbps)?
Ezután hozzon létre egy cselekvési tervet és részmérőket a javaslatok eléréséhez, részekre bontva.
A javaslatokon kívül más teljesítmény-költségvetési célok is lehetnek. Például:
- A mobil világítótorony növelése a részletező oldal pontszáma 80 felett
- Az összes kép méretének csökkentése az asztali webhelyen 500 KB alá
Teljesítmény-költségvetési mutatók
A teljesítményköltségvetés mutatóinak meghatározásához három különböző szempontot fogadnak el:
Számalapú mérőszámok
- Betűtípusok maximális száma / Maximális betűméret
- Maximális képszám / Maximális képméret
- Szkriptek, stílusok, videók stb. maximális száma / Maximális szkript, stílus, videó stb. méret
- Maximális HTML méret
- HTTP kérések maximális száma
- Harmadik féltől származó szkriptek maximális száma
Időalapú mérőszámok
- Az első tartalmas festés (FCP) ideje
- Legnagyobb tartalmi festési (LCP) idő
- Első bemeneti késleltetés (FID) ideje
- Idő az interaktív (TTI) időig
- Teljes blokkolási idő (TBT).
- Kumulatív elrendezéseltolás (CLS) pontszám
- Sebességindex pontszám
Szabályalapú mérőszámok
- Lighthouse pontszám
- GTmetrix pontszám
- Weboldalteszt pontszáma
- Yslow pontszám
A webteljesítmény-költségvetés beállításakor általában ajánlatos ezeket a szempontokat a megfelelő módon kombinálni, ahelyett, hogy csak egyet választana. Te tudod használni a teljesítmény költségvetés szimulátor hogy megtalálja a célsebesség eléréséhez szükséges számokat.
Értékelje az oldaltípusokat külön
A teljesítmény költségvetésének meghatározásakor az egyik kulcsfontosságú szempont, hogy ne a webhely egyetlen oldalára alapozzuk. Gyakori hiba, hogy csak a kezdőlapot tesztelik, ami hiányos kiértékeléshez vezet.
Kezdje a platform megvizsgálásával és a különböző típusú oldalak azonosításával. Ezután elemezze a platform forgalmát, hogy azonosítsa azokat az oldalakat, amelyek a legnagyobb forgalmat kapják, és rangsorolja őket. Az eredmény egy ehhez hasonló táblázat lesz:
- Kezdőlap
- Statikus listaoldalak
- Dinamikus listaoldalak
- Részletes oldalak
- Pénztár oldalak
- Keresési eredményoldalak
- Kampány oldalak
- Blog oldalak
Koncentrálnod kell ezen oldaltípusok teljesítményköltségeit külön-külön, a prioritások alapján.
