Kun sivun nopeudesta on tullut vuosien mittaan tärkeä mittari sekä hakukoneoptimoinnissa että käyttökokemuksessa, konsepti a web-suorituskykybudjetti on myös noussut etualalle. Nyt on selvempää, että web-suorituskyky on aihe, joka vaatii kaikkien osastojen yhteistä näkökulmaa sen sijaan, että se olisi vain yksittäisen osaston tai henkilön prioriteetti.

Selittääksesi tämän esimerkillä: markkinointiosastot saattavat haluta toteuttaa muuntamisen ja uudelleenmarkkinointi-/uudelleenkohdistamiskoodit, sekä työkaluja, kuten Criteo ja RTB House, jotka käyttävät tuotepohjaista uudelleenkohdistamista. He saattavat myös odottaa silmiinpistäviä valokuvia ja animaatioita. Sillä välin tuoteosastot voivat pyytää integrointia työkaluja, kuten Hotjar ja Clarity. Ohjelmistoosastot puolestaan ​​pyrkivät kehittymään mahdollisimman nopeasti sekä käyttöliittymässä että taustajärjestelmässä. Kysyntä ja näihin sivun nopeusvaatimuksiin liittyvät kustannukset ovat itse asiassa tasapainossa. Verkkosuorituskykybudjetti on luotu tämän tasapainon saavuttamiseksi tehokkaasti.

Verkkosuorituskykybudjetti sisältää tavoitenopeuden asettamisen alustallesi tietyllä alustalla ja numeeristen tavoitteiden asettamisen, joita kaikki sidosryhmät noudattavat tämän nopeuden saavuttamiseksi. Lyhyesti sanottuna nopean toimivuuden hinta on web-suorituskykybudjetti.

 

image-5.png
Lähde: https://wp-rocket.me/blog/performance-budgets/

 

Kaikki alkaa ehdotuksesta. Voit ehdottaa, kuinka nopeasti sivusi avautuu tietyntyyppisellä yhteystyypillä. Joitakin tehokkuusbudjettiehdotuksia voivat olla esimerkiksi:

  • Voiko kotisivu avautua alle 2 sekunnissa nopealla 3G-mobiiliyhteydellä (1.6 Mbps)?
  • Voiko hakutulossivu avautua alle 5 sekuntia hitaalla 3G-yhteydellä (780 Kbps)?

Seuraavaksi luot toimintasuunnitelman ja alimetrit näiden ehdotusten saavuttamiseksi ja jaat ne osiin.

Ehdotusten lisäksi voi olla muitakin suoritusbudjettitavoitteita. Esimerkiksi:

  • Mobiilimajakan lisääminen tietosivun pistemäärä yli 80
  • Kaikkien kuvien koon pienentäminen työpöytäsivustolla alle 500 kt

Tehokkuusbudjettimittarit

Suorituskykybudjetin mittareiden määrittämiseen hyväksytään kolme erilaista näkökulmaa:

Numeroihin perustuvat mittarit

  • Fontien enimmäismäärä / suurin fonttikoko
  • Kuvien enimmäismäärä / Suurin kuvakoko
  • Skriptien, tyylien, videoiden jne. enimmäismäärä / Käsikirjoituksen, tyylin, videon jne. enimmäiskoko
  • HTML-tiedoston enimmäiskoko
  • HTTP-pyyntöjen enimmäismäärä
  • Kolmannen osapuolen skriptien enimmäismäärä

 

image-7.png
Lähde: https://web.dev/vitals/

 

Aikaperusteiset mittarit

  • Ensimmäinen Contentful Paint (FCP) -kerta
  • Suurin Contentful Paint (LCP) -aika
  • First Input Delay (FID) -aika
  • Aika interaktiiviseen (TTI) aikaan
  • Total Blocking Time (TBT) aika
  • Kumulatiivinen asettelumuutos (CLS) -pisteet
  • Nopeusindeksin pisteet

Sääntöihin perustuvat mittarit

  • Lighthouse-pisteet
  • GTmetrix pisteet
  • Verkkosivutestin tulos
  • Yslow pisteet
performance-budget-calculator.png
Lähde: https://www.performancebudget.io/

Kun määrität web-suorituskykybudjettia, on yleensä suositeltavaa yhdistää kaikki nämä näkökulmat oikeaan mittaan sen sijaan, että valitset vain yhden. Voit käyttää suoritusbudjettisimulaattori löytääksesi tavoitenopeudesi saavuttamiseen tarvittavat numerot.

Arvioi sivutyypit erikseen

Yksi keskeinen kohta suoritusbudjettia määritettäessä ei ole perustaa sitä yhdelle sivuston sivulle. Yleinen virhe on vain kotisivun testaus, mikä johtaa epätäydelliseen arviointiin.

Aloita tutkimalla alusta ja tunnistamalla erityyppiset sivut. Analysoi sitten alustan liikennettä löytääksesi sivut, jotka saavat eniten liikennettä, ja priorisoi ne. Tuloksena on seuraavanlainen taulukko:

  • Kotisivu
  • Staattiset listaussivut
  • Dynaamiset listaussivut
  • Yksityiskohtaiset sivut
  • Kassasivut
  • Hakutulossivut
  • Kampanjan sivut
  • Blogin sivut

Sinun täytyy keskittyä näiden sivutyyppien tehokkuusbudjetit erikseen, prioriteettien perusteella.