Швидкість - єдина проблема сайту, на яку ніхто не скаржиться. Відвідувачі не пишуть вам, що сторінка вантажилася шість секунд. Вони просто йдуть, і ви так і не дізнаєтеся, що вони були.
Це пояснення простими словами: що робить сайт повільним, як приблизно за дві хвилини перевірити свій і які виправлення справді варто комусь оплатити.
Чому це важливо не лише очевидним чином
Коли сайт повільний, відбуваються дві окремі речі.
Люди йдуть. Особливо з телефонів, на звичайному мобільному інтернеті, далеко від офісного Wi-Fi. Відвідувач, який пішов до того, як сторінка відмалювалася, в аналітиці не відрізнити від відвідувача, якого ніколи не було.
Google це помічає. Зручність сторінки, зокрема швидкість завантаження, входить у те, як Google оцінює сторінки. Поганий текст це не врятує: швидка сторінка ні про що й далі ранжується ні за чим. Але між двома порівнянними сторінками швидкість - реальний вирішальний аргумент, і Google вимірює її за даними справжніх користувачів Chrome, а не за лабораторним тестом.
Три вимірювання, які мають значення
Google об'єднує їх під назвою Core Web Vitals. Простими словами:
LCP, Largest Contentful Paint. За скільки часу з'являється головне на сторінці. Зазвичай це картинка на першому екрані чи заголовок. Мета - менше 2,5 секунди. Саме тут провалюється більшість сайтів, і зазвичай винна величезна картинка.
CLS, Cumulative Layout Shift. Наскільки сторінка стрибає під час завантаження. Ви це бачили: збираєтеся натиснути кнопку, над нею підвантажується реклама чи картинка, і ви натискаєте щось інше. Причини - картинки без зарезервованого місця, шрифти, що завантажуються пізно, і вставлені банери.
INP, Interaction to Next Paint. Як швидко сторінка відповідає, коли людина натискає чи клікає. Сторінка може мати вигляд завантаженої і все ще не реагувати, бо браузер зайнятий виконанням скриптів.
Як перевірити свій за дві хвилини
Проженіть головну сторінку через Google PageSpeed Insights. А потім, і саме цю частину зазвичай пропускають, зробіть дві речі:
- Дивіться на оцінку для мобільних, а не для десктопа. Десктопна лестить і ні про що не говорить. Ваші клієнти сидять із телефонів.
- Дивіться на польові дані, якщо їх показано. Цей розділ відображає справжніх відвідувачів за останній місяць. Лабораторна оцінка під ним - симуляція. Якщо вони розходяться, вірте польовим даним.
Потім перевірте сторінку, яка справді важлива, а не лише головну. Сторінки товарів і послуг зазвичай важчі, і гроші саме там.
Звичайні причини, приблизно за порядком
Картинки. З великим відривом найчастіша. Фото просто з телефона може важити кілька мегабайтів, і часто браузер стискає його вже після того, як завантажив цілком. Правильно підібраний розмір і сучасний формат картинок лагодять більше повільних сайтів, ніж будь-яка інша окрема зміна.
Забагато сторонніх скриптів. Віджети чату, аналітика, пікселі, теплові карти, вбудовані відгуки, банери cookie. Окремо кожен маленький. Разом вони можуть важити більше, ніж увесь ваш сайт, і кожен - це запит до сервера, який ви не контролюєте.
Роздуті плагіни й теми. Часто трапляється на WordPress і в магазинах на Shopify з купленою темою і дюжиною застосунків. Ви завантажуєте код для кожної функції теми, зокрема ті дев'яносто відсотків, якими не користуєтеся.
Неправильно завантажувані шрифти. Власні шрифти - це нормально. Завантажувати п'ять накреслень трьох сімейств і не показувати текст, поки вони не прийдуть, - ні.
Немає кешування або слабкий хостинг. Дешевий віртуальний хостинг під навантаженням перекреслить добру роботу в усьому іншому.
Що варто оплатити
Дешево і з великою віддачею: стиснути картинки й підібрати їм правильний розмір, прибрати скрипти, якими ніхто не користується, зупинити стрибки верстки, зарезервувавши місце під картинки, скоротити шрифти. На більшості сайтів це день роботи й найпомітніше покращення.
Варто, якщо загалом сайт міцний: нормальне кешування, лад у тому, як завантажуються скрипти, заміна важких плагінів на легкі аналоги.
Варто лише якщо сайт справді доведений до ладу: тонка оптимізація сайту, який і так швидкий. Щойно ви в пристойній формі, віддача швидко падає.
Не варто: перезбирати сайт лише заради швидкості, коли він має й інші проблеми. Якщо структура й тексти теж не ті, ви заплатите двічі.
Чесне застереження
Швидкість необхідна, але не достатня. Швидкий сайт, якому нічого сказати, нікого не перетворює на клієнта, і жодна оптимізація не замінить сторінку, яка не відповідає на питання, з яким прийшов відвідувач. Лагодьте швидкість, бо вона прибирає привід піти, а не тому, що це стратегія зростання.
Водночас це одна з небагатьох проблем, де можна виміряти «до» і «після», тож із неї добре починати, коли незрозуміло, що саме не так.
Якщо хочете, щоб хтось подивився ваш сайт і прямо сказав, яка з причин вище до нього стосується, надішліть його. Конкретний список ви отримаєте протягом двох робочих днів, робитимете ви щось із ним чи ні.