Бет жылдамдығы жылдар бойы SEO және UX үшін маңызды көрсеткішке айналғандықтан, а тұжырымдамасы веб өнімділік бюджеті да алдыңғы қатарға шықты. Енді веб өнімділігі бір бөлімнің немесе жеке тұлғаның басымдылығы емес, барлық бөлімдер бойынша ортақ перспективаны қажет ететін тақырып екені анық.

Мұны мысалмен түсіндіру үшін: маркетинг бөлімдері конверсияны жүзеге асырғысы келуі мүмкін және қайта маркетинг/қайта таргетинг кодтарысияқты құралдармен бірге Criteo және RTB House, олар өнімге негізделген қайта таргетингті пайдаланады. Сондай-ақ олар көз тартатын фотосуреттер мен анимацияларды күтуі мүмкін. Сонымен қатар, өнім бөлімдері сияқты құралдарды біріктіруді сұрауы мүмкін Hotjar және Clarity. Бағдарламалық жасақтама бөлімдері, керісінше, фронт пен серверде мүмкіндігінше жылдам дамуды мақсат етеді. Бет жылдамдығына сұраныс пен осы талаптарға байланысты шығындар іс жүзінде теңгерімде. Веб өнімділігінің бюджеті осы теңгерімді тиімді орнату үшін пайда болды.

Веб өнімділігінің бюджеті белгілі бір платформада платформаңыз үшін мақсатты жылдамдықты орнатуды және осы жылдамдыққа жету үшін барлық мүдделі тараптар ұстанатын сандық мақсаттарды белгілеуді қамтиды. Қысқасы, жылдам болудың құны - бұл веб өнімділігінің бюджеті.

 

image-5.png
Ақпарат көзі: https://wp-rocket.me/blog/performance-budgets/

 

Барлығы ұсыныстан басталады. Сіз өзіңіздің бетіңіздің белгілі бір қосылым түрінде қаншалықты жылдам ашылатынын ұсынасыз. Мысалы, кейбір тиімділік бюджеттік ұсыныстары болуы мүмкін:

  • Негізгі бет ашылуы мүмкін жылдам 2G ұялы байланысында 3 секундтан аз (1.6 Мбит/с)?
  • Іздеу нәтижелерінің беті ашылуы мүмкін баяу 5G қосылымында 3 секундтан аз (780 Кбит/с)?

Әрі қарай, осы ұсыныстарға қол жеткізу үшін оны бөліктерге бөле отырып, әрекет жоспары мен ішкі көрсеткіштерді жасайсыз.

Ұсыныстардан басқа бюджеттің басқа да мақсатты көрсеткіштері болуы мүмкін. Мысалы:

  • Жылжымалы маякты көбейту егжей-тегжейлі беттің ұпайы 80-ден жоғары
  • Барлық кескіндердің өлшемін азайту жұмыс үстелі сайтында 500 КБ төмен

Тиімділік бюджетінің көрсеткіштері

Тиімділік бюджетінің көрсеткіштерін анықтау үшін қабылданған үш түрлі перспектива бар:

Санға негізделген көрсеткіштер

  • Қаріптердің максималды саны / Максималды шрифт өлшемі
  • Суреттердің максималды саны / Максималды кескін өлшемі
  • Сценарийлердің, стильдердің, бейнелердің және т.б. максималды саны / Максималды сценарий, стиль, бейне және т.б. өлшемі
  • Максималды HTML өлшемі
  • HTTP сұрауларының максималды саны
  • Үшінші тарап сценарийлерінің ең көп саны

 

image-7.png
Ақпарат көзі: https://web.dev/vitals/

 

Уақытқа негізделген көрсеткіштер

  • Бірінші мазмұнды бояу (FCP) уақыты
  • Ең үлкен мазмұнды бояу (LCP) уақыты
  • Бірінші енгізу кідірісі (FID) уақыты
  • Интерактивті уақыт (TTI) уақыты
  • Жалпы блоктау уақыты (TBT) уақыты
  • Жиынтық орналасу ауысымы (CLS) ұпайы
  • Жылдамдық индексінің ұпайы

Ережеге негізделген көрсеткіштер

  • Маяк ұпайы
  • GTmetrix ұпайы
  • Веб-бет тестінің ұпайы
  • Төмен ұпай
өнімділік-бюджет-калькулятор.png
Ақпарат көзі: https://www.performancebudget.io/

Веб өнімділігінің бюджетін орнатқанда, әдетте біреуін таңдамай, барлық осы перспективаларды дұрыс өлшемде біріктіру ұсынылады. Сіз пайдалана аласыз өнімділік бюджетінің симуляторы мақсатты жылдамдыққа жету үшін қажетті сандарды табу.

Бет түрлерін бөлек бағалаңыз

Өнімділік бюджетін анықтау кезінде маңызды сәттердің бірі оны сайттың бір бетіне негіздемеу болып табылады. Жалпы қате - тек басты бетті тексеру, бұл толық емес бағалауға әкеледі.

Платформаны тексеруден және әртүрлі бет түрлерін анықтаудан бастау керек. Содан кейін ең көп трафик алатын беттерді анықтау және оларға басымдық беру үшін платформа трафигін талдаңыз. Нәтиже келесідей кесте болады:

  • Басты бет
  • Статикалық листинг беттері
  • Динамикалық листинг беттері
  • Егжей-тегжейлі беттер
  • Парақтарды тексеру
  • Іздеу нәтижелері беттері
  • Науқан беттері
  • Блог беттері

Сіз назар аударуыңыз керек осы бет түрлерінің өнімділік бюджеттері бөлек, басымдықтарға негізделген.