⚡ Разогнал сайт до 100 из 100 по всем четырём показателям. И не убрал ни одного эффекта
Чтобы ускорить сайт, сначала сделал то, что советуют все: убрал красоту. Размытие фона, стекло шапки на телефоне, шрифт терминала. Скорость не изменилась вообще. Всё вернул.
А ускорять было что. На телефоне 85 баллов из 100, первый экран появлялся через 3,2 секунды.
Стал искать, что тормозит на самом деле. Нашлось совсем другое:
🔤 шрифты грузились с чужих серверов, и страница ждала их, прежде чем показать текст. Перенёс шрифты на сам сайт
🎨 стили были отдельным файлом и тоже держали показ. Встроил их прямо в страницу
⌨️ эффект печати текста стартовал во время загрузки и растягивал её. Теперь он стартует, когда страница уже загрузилась
📌 два основных шрифта подгружаются заранее
Итог — 100/100/100/100 и на телефоне, и на компьютере. Первый показ через 1,2 секунды, главный блок через 1,5. Анимации, размытие, стекло, печать — всё на месте.
На моём сайте тормозил не эффект, а момент, когда он запускается.
Проверьте свой сайт в PageSpeed Insights: бесплатно, одна минута. Смотрите оценку для телефона — рекламный трафик в основном оттуда. Зелёная зона — от 90. А если ускорять сайт взялся агент и предлагает что-то удалить, попросите сначала показать, что именно тормозит, и замер до и после каждой правки. Ускорение, которое нельзя показать цифрой, — догадка.
