Прво пронађите шта успорава страницу

Отворите свој сајт на телефону. Наслов се појави, фотографија касни, а дугме се помери баш када покушате да га притиснете. На рачунару је све деловало сасвим пристојно. Где онда запиње?

Провера брзине сајта почиње мерењем конкретне странице. Алати могу да покажу шта се споро учитава, који фајлови су превелики и где прегледач губи време. За почетак су довољна два добра извештаја и мало стрпљења. Осам алата у наставку служе различитим проверама; изаберите оно што одговара проблему који видите.

Прво погледајте шта заправо мерите

PageSpeed Insights приказује лабораторијски тест, а када постоји довољно података и искуство стварних посетилаца. Лабораторијски тест је контролисана проба једног учитавања. Подаци посетилаца обухватају претходних 28 дана, са различитим уређајима и везама. Зато резултати могу да се разликују.

Обратите пажњу и на ознаку да ли се подаци односе на конкретну страницу (URL) или обједињено на сајт на тој адреси (origin). Ако извештај нема податке посетилаца, то само по себи не значи да је сајт брз или спор.

Осам алата за проверу брзине и перформанси сајта

1. PageSpeed Insights — за први преглед

У PageSpeed Insights унесите адресу странице и одвојено погледајте мобилни и десктоп извештај. Прочитајте препоруке испод оцене. Ту се налазе трагови: слике, скрипте и други елементи које треба детаљније проверити.

2. Lighthouse — за проверу из прегледача

Lighthouse можете покренути кроз развојне алате у Chrome-у. Користан је када мењате страницу и желите нову лабораторијску проверу. Услови на вашем рачунару могу утицати на резултат, па поређење радите на исти начин.

3. WebPageTest — када желите да видите редослед учитавања

WebPageTest приказује детаљан ток учитавања. Посебно су корисни снимци напретка странице и приказ појединачних захтева, познат као waterfall. Ако неки фајл дуго чека или се прекасно појављује важан садржај, овде можете тражити узрок.

4. GTmetrix — за преглед фајлова и поређење резултата

GTmetrix даје извештај о перформансама и учитавању појединачних ресурса. Запишите локацију и услове теста, па их поновите после измене. Доступне локације и напредне могућности зависе од налога и плана.

5. Pingdom Тоолс — за једноставан преглед учитавања

Pingdom Website Speed Test показује време учитавања и преглед захтева странице. Погледајте који тип садржаја заузима највише простора. Ако се издвоји велика фотографија, њена величина је добар први траг за проверу.

6. Uptrends — за проверу из различитих услова

Uptrends Website Speed Test нуди преглед учитавања, појединачних елемената и садржаја са других домена. Користан је када сумњате на спољну скрипту или када желите да проверите како избор уређаја, везе и локације утиче на резултат.

7. KeyCDN Website Speed Test — за преглед захтева

KeyCDN Website Speed Test приказује величину садржаја, време учитавања и waterfall захтева. Добар је за додатну проверу налаза из првог алата. Упоређујте исте странице из сличних локација и услова.

8. Search Console — за праћење искуства посетилаца

У свом Google Search Console налогу погледајте Core Web Vitals извештај. Он групише сличне странице према подацима стварних корисника. За мали или нов сајт може недостајати података, а ефекат данашње измене неће одмах испунити цео период мерења.

Три ознаке које вреди разумети

Core Web Vitals описују учитавање, одзив и стабилност странице. Према Google смерницама, добре вредности су:

• LCP до 2,5 секунде: колико брзо се појави највећи видљиви елемент, на пример главна фотографија или велики блок текста.
• INP до 200 милисекунди: колико брзо страница реагује на клик, додир или унос.
• CLS до 0,1: колико се садржај неочекивано помера док користите страницу.

Ове границе за податке стварних корисника посматрају се на 75. перцентилу: најмање 75% посета треба да буде у добром опсегу. Појединачан лабораторијски резултат не представља цело искуство публике.

Како бих урадио прву проверу

1. Изаберите три важне странице: почетну, једну услугу или производ и један чланак. Свака може имати другачији проблем.
2. Сачувајте почетно стање: URL, датум, алат, уређај и локацију, када је бирате. Поновите лабораторијски тест неколико пута да видите колико резултат варира.
3. Пронађите заједнички траг: велика слика, спор захтев или скрипта која дуго заузима прегледач. Изаберите једну ствар за проверу.
4. Направите безбедну измену: пре промене теме, додатака или серверских подешавања обезбедите резервну копију и могућност повратка.
5. Измерите поново: истим алатом и под сличним условима. Проверите и да ли раде мени, образац и поручивање.

Када у причу улази хостинг?

На брзину заједно утичу сајт, хостинг окружење, мрежа и садржај који долази са других сервиса. Дуже чекање првог одговора сервера јесте траг за проверу, али само један резултат није довољан да се одреди узрок.

Ако проверавате брзину сајта пре избора новог хостинга, погледајте наше хостинг пакете и упоредите шта добијате уз сваки пакет. Ако већ имате сајт, пошаљите подршци конкретну адресу и извештај теста. Тако разговор одмах може да крене од онога што заиста успорава страницу.

За прву проверу изабрао бих PageSpeed Insights, па још један алат за преглед учитавања. Пронађите један јасан проблем, отклоните га и поновите мерење. Сачувајте извештаје пре и после измене да бисте имали шта да упоредите.