Сайти3 хвилини читання
Чому сайт вантажиться повільно і як перевірити це самому за п'ять хвилин
Половина людей закриває сторінку, яка вантажиться довше трьох секунд. Показуємо, як перевірити свій сайт за п'ять хвилин, і розбираємо шість причин, з яких він гальмує, від важких фото до п'яти чужих скриптів.
Швидкість сайту це не технічна деталь для розробників. Це кількість людей, які взагалі побачать ваш сайт. Приблизно половина відвідувачів закриває сторінку, яка вантажиться довше трьох секунд, і жоден дизайн до них уже не доїде.
Плюс Google прямо враховує швидкість у ранжуванні, причому дивиться на мобільну версію. Тобто повільний сайт це двічі втрачені люди: ті, хто не дочекався, і ті, хто не побачив вас у пошуку.
Як перевірити за п'ять хвилин
Два способи, і обидва варто зробити.
Чесний. Візьміть свій телефон, вимкніть Wi-Fi, лишіть мобільний інтернет і відкрийте сайт з пошуку, а не з закладок. Порахуйте вголос до трьох. Якщо текст ще не з'явився, у вас проблема. Це і є досвід реальної людини, яка йде вулицею.
Технічний. Google PageSpeed Insights, безкоштовно й без реєстрації. Вставляєте адресу і дивитесь вкладку Mobile, саме мобільну, бо десктопна майже завжди виглядає добре й заспокоює дарма.
З усього звіту вам потрібні три рядки. Скільки часу минає до появи головного вмісту, чи не стрибає сторінка під час завантаження і чи швидко вона реагує на дотик. Решта це підказки для розробника.
Шість причин, чому гальмує
1. Фотографії прямо з телефона або з камери
Найчастіша причина, і вона ж найлегша. Знімок на 6 мегабайт на сторінці, де він показується розміром з долоню, це просто змарнований трафік. Для сайту вистачає ширини близько 1600 пікселів і формату WebP, і файл ужимається до кількох сотень кілобайт без видимої різниці.
2. Відео у фоні першого екрана
Виглядає дорого, вантажиться довго. Якщо дуже хочеться, ставте коротке, беззвучне, у слабкій якості й обов'язково з картинкою-заглушкою, яку видно одразу.
3. Чужі скрипти, про які всі забули
Аналітика, піксель реклами, чат, віджет відгуків, карта, банер про куки. Кожен додає запити до чужих серверів. Відкрийте свій сайт і чесно перелічіть, скільки таких сервісів у вас стоїть і скільки з них ви реально дивитесь. Половину зазвичай можна прибрати того ж дня.
4. Шрифти
Три шрифти по чотири накреслення це дванадцять файлів, які треба завантажити, перш ніж з'явиться текст. Двох накреслень одного шрифту вистачає майже завжди.
5. Конструктор із десятком плагінів
Кожен плагін тягне свій код на всі сторінки, навіть там, де він не потрібен. Якщо сайт зроблено на конструкторі й обвішано доповненнями, швидкість впирається у стелю, яку не пробити налаштуваннями.
6. Дешевий хостинг
Буває й таке: сайт легкий, а сервер відповідає повільно. Це видно в звіті окремим рядком про час відповіді сервера. Лікується переїздом, і це не найдорожча операція.
Що можна полагодити самому сьогодні
Стисніть фото. Будь-який безкоштовний онлайн-компресор, ширина до 1600 пікселів, формат WebP. Почніть з головної. Якщо фото ще й зняті на телефон, подивіться нашу статтю про зйомку товару.
Приберіть зайві віджети. Чат, яким ніхто не користується, і банер, на який ніхто не натискає.
Лишіть один шрифт у двох накресленнях.
Вимкніть автовідтворення відео.
Перевірте, чи не стрибає сторінка. Якщо текст з'їжджає, коли підвантажилося фото, значить у зображень не проставлені розміри. Це правиться в один рядок і дуже помітно покращує відчуття.
Коли потрібен розробник
Якщо після стиснення фото й прибирання віджетів мобільна оцінка все одно низька, далі йде робота з кодом: порядок завантаження стилів, відкладені скрипти, кешування, іноді переїзд на нормальний хостинг. Це вже не налаштування в адмінці.
У нас SEO-налаштування від 45 000 ₴, і швидкість входить у цю роботу разом із заголовками, картою сайту й індексацією. Окремо ганятися за цифрою в тесті сенсу небагато: сто балів нікому не потрібні, потрібні три секунди на телефоні.
Скільки має важити сторінка
Орієнтири, на які варто дивитися замість балів у тесті: сторінка цілком до півтора мегабайта, одне фото до трьохсот кілобайт, шрифтів не більше двох файлів. Якщо ви в ці цифри вклалися, сторінка буде швидкою навіть на слабкому телефоні.
І окремо про те, що на швидкість майже не впливає, хоч про це часто питають: кількість сторінок на сайті, довжина тексту й наявність блогу. Гальмує не обсяг, а вага файлів і чужі скрипти.
Підсумок
Відкрийте сайт з телефона на мобільному інтернеті й порахуйте до трьох. Це найчесніший тест зі всіх. Якщо не встигли, почніть із фото: у дев'яти випадках із десяти вони і є причина.
