Сайт жылдамдығы өтінімдерге неге әсер етеді және оны қалай тексеру керек

Бизнес иесі әдетте өз сайтын кеңседегі ноутбуктан, жақсы Wi-Fi арқылы қарайды, онда бәрі қалыпты ашылады. Клиент сол сайтты таксиде телефоннан, мобильді интернет арқылы, жарнаманы басқан бойда ашады. Егер бірнеше секунд ішінде ол ақ экранды немесе орнынан секіріп тұрған элементтерді көрсе, іздеу нәтижелеріне қайтып, көрші сілтемені басады.

Жылдамдық қалай өтінімге айналады

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

Екінші әсер — іздеу. Google беттің ыңғайлылығын, соның ішінде Core Web Vitals метрикаларын, рейтинг сигналдарының бірі ретінде ескереді. Бұл басты фактор емес, мазмұн мен сұрауға сәйкестік маңыздырақ, бірақ басқа жағдайлар тең болғанда жылдам сайт артықшылық алады. Яндекс те келушілердің мінез-құлқын бағалайды, беттен жаппай тез кету ол үшін жаман сигнал.

Үшінші әсер — сенім. Үзіліп-үзіліп жүктелетін, батырмасы саусақтың астынан қашып кететін сайт қараусыз қалғандай көрінеді. Компания тамаша болса да, клиентте басқаша әсер қалады.

Төртінші әсер жарнамаға қатысты. Google Ads-та қону бетінің ыңғайлылығы хабарландыру сапасының бағасына кіреді, ал кликтің бағасы соған байланысты. Сонда баяу сайт екі есе қымбатқа түсуі мүмкін: трафик үшін артық төлейсіз және сізге жеткен адамдардың бір бөлігін жоғалтасыз.

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

Білуге тұрарлық үш метрика

Google беттің жылдамдығы мен ыңғайлылығын Core Web Vitals-тың үш метрикасымен бағалайды. Техникалық егжей-тегжейге үңілудің қажеті жоқ, олардың әрқайсысы келуші үшін нені білдіретінін түсінсеңіз жеткілікті.

LCP бірінші экрандағы ең ірі элемент — әдетте баннер немесе тақырып — қашан жүктелгенін көрсетеді. INP — сайт әрекеттерге қаншалықты жылдам жауап беретінін: мәзірді ашу, форманы жіберу, өлшемді таңдау. CLS — жүктелу кезінде бет қаншалықты «секіретінін», яғни блоктар жылжып, адам басқа жерді басып қалатынын.

Сайтты 15 минутта қалай тексеруге болады

1. 1
   PageSpeed Insights-ты ашыңыз

   pagespeed.web.dev сайтына кіріп, бет адресін қойыңыз да, тексеруді іске қосыңыз. «Мобильді» қойындысын қараңыз: клиенттердің көбі телефоннан келеді.

2. 2
   Далалық және зертханалық деректерді ажыратыңыз

   Жоғарғы блок — трафик жеткілікті болса, соңғы 28 күндегі Chrome-дағы нақты келушілердің деректері. Төменде — 0-ден 100-ге дейінгі балмен Lighthouse зертханалық тесті. Шешім қабылдау үшін бірінші блок маңыздырақ: ол клиенттеріңіз не көретінін көрсетеді.

3. 3
   Сататын беттерді тексеріңіз

   Өтінімдердің негізгі бөлігін басты бет сирек әкеледі. Қызмет беттерін, тауар карточкаларын және жарнамаға арналған қону беттерін тексеріп шығыңыз. Көбіне дәл сататын бет баяу жұмыс істейді.

4. 4
   Search Console-дағы есепті ашыңыз

   «Негізгі интернет-көрсеткіштер» бөлімінде Google қанша адресті баяу деп санайтыны және қай метрика бойынша екені көрінеді. Бұл бір бет емес, бүкіл сайт бойынша жалпы көрініс.

5. 5
   Клиенттің көзімен қараңыз

   Телефондағы Wi-Fi-ды өшіріп, сайтты мобильді интернет арқылы ашыңыз. Бірінші экран қашан пайда болғанын және байланыс батырмасын бірден басуға бола ма, соны белгілеп алыңыз.

Сайттар неге баяу жұмыс істейді

Аудиттерде мен үнемі бір себептерді көремін. Мәселе ешқашан дерлік бір үлкен қатеде емес: баяулық ондаған ұсақ-түйектен жиналады, олардың әрқайсысы жеке алғанда зиянсыз көрінеді.

• Ауыр суреттер. Камерадан түсірілген 3–5 МБ фотолар — сығылмаған және заманауи WebP немесе AVIF форматтарына келтірілмеген.
• Бірінші экрандағы слайдер. Адам біреуін ғана көрсе де, бес үлкен сурет бірден жүктеледі.
• Үшінші тарап скрипттері. Онлайн-чат, кері қоңырау виджеті, бірнеше жарнамалық пиксель, карта, YouTube-тағы видео — әрқайсысы өз кодын ала келеді.
• Қаріптер. Сыртқы серверден жүктелетін, әртүрлі сызылымдары бар бірнеше қаріп отбасы.
• «Барлық жағдайға арналған» тақырып немесе конструктор. Сіз пайдаланбайтын функциялардың коды бәрібір жүктеледі.
• Әлсіз хостинг. Браузер бірдеңе сала бастамай тұрып-ақ сервер ұзақ жауап береді.

Мобильді құрылғылар туралы бөлек айтайын: телефон JavaScript-ті ноутбукке қарағанда айтарлықтай баяу өңдейді. Компьютерде бір секундта ашылатын бет бюджеттік Android-та бірнеше есе ұзақ «ойлануы» мүмкін. Сондықтан дәл мобильді нұсқаны тексеру керек.

Қашықтық туралы да айта кетейін. Егер негізгі клиенттер Алматыда, Астанада немесе Шымкентте болса, ал сервер құрлықтың арғы шетінде тұрса, әр сұраныс жүктелу басталмай тұрып-ақ ұзақ жүреді. Серверлері аудиторияға жақынырақ хостинг немесе контент жеткізу желісі (CDN) жауап уақытын айтарлықтай қысқартады. Бұл әсіресе байланыс онсыз да тұрақсыз өңірлердегі мобильді интернетте сезіледі.

Сайтты қайта жасамай нені түзетуге болады

LCP-ны жасыл аймаққа шығару үшін көбіне осы жеткілікті. Әр түзетуден кейін PageSpeed Insights-та тексеруді қайталаңыз, ал Search Console-дағы далалық деректер бірнеше апта ішінде жаңарады, себебі олар 28 күн бойы жиналады. Сайтты тек жылдамдық бойынша емес, толығымен қалай тексеруге болатынын өз бетінше SEO-аудит туралы мақалада сипаттадым. Жылдамдық позицияларға жұмыс істесін десеңіз, оны SEO-жылжытумен ұштастырған жөн.

Оңтайландыру ма, әлде қайта жасау ма

Барлық түзетуден кейін де сайт баяу болып қалатын кездер болады. Онда мәселе негіздің өзінде: конструкторда, ауыр тақырыпта немесе ескірген кодта. Одан әрі жамай беру қымбат әрі мағынасыз.

Мен Next.js-те жасайтын сайттар алдын ала дайын HTML-ге жиналады, суреттер автоматты түрде оңтайландырылады, ал артық скрипттер оларда жоқ. Мысалы, RollExpert-ті WordPress-тен Next.js-ке көшіргеннен кейін Lighthouse 100 балл көрсетті. Бірақ жылдамдық — сайттың үнсіз тұруының себептерінің бірі ғана. Қалғандарын сайт неге өтінім әкелмейді мақаласында талдадым.