Перформансе

Шта заправо чини сајт брзим

Аутор Тим AsasWeb 1 мин читања

Највећи појединачни узрок спорих сајтова је превише JavaScript-а, па је највећи добитак да га испоручујете мање. После тога, служите модерне респонзивне слике у форматима као што су AVIF и WebP са постављеном ширином и висином, а веб фонтове сами хостујте, сведите на подскуп и подесите. Мерите Core Web Vitals на телефону средње класе и спорој вези, јер брзина долази из избора донетих током целе израде, а не из закрпе на крају.

Сви желе брз сајт, а већина савета стане на „оптимизујте своје слике”. Слике су важне, али брзина је збир многих одлука донетих током израде. Ево где су праве добити.

Испоручујте мање JavaScript-а

Појединачно највећи узрок спорих сајтова је превише JavaScript-а. Сваки килобајт мора да се преузме, рашчлани и покрене, често на телефону средње класе са далеко мање снаге од лаптопа. Шаљите углавном HTML и CSS, и додајте JavaScript само тамо где заиста заслужује своје место. Странице које раде без њега су брже и робусније.

Послужите модерне, прилагодљиве слике

Користите модерне формате као што су AVIF и WebP, генеришите неколико величина и пустите претраживач да изабере праву за екран. Увек поставите ширину и висину, тако да распоред не скаче док се слике учитавају. Телефон никада не би требало да преузме слику величине радне површине.

Сами хостујте и подесите своје фонтове

Веб фонтове је лако погрешити. Сами их хостујте, сведите их на знакове који вам требају, користите font-display: swap и подесите метрику резервног фонта, тако да се текст не помери када стигне веб фонт. То штити ваш Cumulative Layout Shift резултат.

Мерите оно што корисници осећају

Core Web Vitals описују стварно искуство: Largest Contentful Paint за учитавање, Cumulative Layout Shift за стабилност и Interaction to Next Paint за одзивност. Мерите их на репрезентативном телефону средње класе и спорој вези, не само на брзом лаптопу, јер је то оно што многи ваши посетиоци користе.

Перформансе се уграђују, не качe накнадно

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

Желите овај стандард на свом сајту?

Реците нам нешто о вашем пројекту и одговорићемо искреним, практичним следећим корацима.