Я делаю сайты под Директ. Разбираю три ошибки, которые нашёл на собственном сайте

Я делаю посадочные страницы под контекстную рекламу и в какой-то момент понял неприятное: на собственном сайте у меня было три вещи, за которые я бы отругал клиента. Все три невидимые — сайт открывался, выглядел прилично, ничего не мигало. И все три стоили денег, потому что в Директе вы платите за клик, а не за посетителя.

Разбираю по порядку. Ошибки скучные, и в этом всё дело: интересные находят сразу.

На сайте есть 3D-сцены. Они лежат далеко внизу, до них надо прокрутить примерно тысячу пикселей, и грузиться они должны только тогда, когда человек до них добрался. Я честно написал ленивую загрузку.

Она не работала.

Сборщик при сборке вешает подсказку браузеру «скачай это заранее» на каждый кусок кода, до которого дотягивается граф страницы. Включая те, которые я специально просил грузить потом. В итоге браузер добросовестно выкачивал 734 килобайта библиотеки до того, как отрисовать первый экран.

Ленивая загрузка от этого теряла весь смысл. Формально она была. Фактически человек ждал, пока скачается то, чего он, скорее всего, вообще не увидит: до низа страницы доходит меньшинство.

Лечится одной строкой в конфиге сборщика — отключить эти подсказки. После этого до первого экрана уезжает меньше 300 килобайт, а сцены грузятся по факту скролла, как и задумывалось.

Что тут важно для бизнеса, а не для разработчика. Вы не увидите это в отчётах. Отказы вырастут на несколько процентов, цена конверсии подрастёт, и вы решите, что дело в объявлениях или в сезоне. А дело в том, что часть людей, за клик которых вы заплатили, ушла, не дождавшись загрузки.

Стандартная практика: подключить шрифты с Google Fonts одной строкой. Так делают почти все, включая большинство шаблонов и конструкторов.

Из России этот сервер отдаёт файлы с задержкой, а иногда не отдаёт вовсе. Дальше поведение зависит от настроек: либо текст несколько секунд не виден вообще, либо сначала рисуется системным шрифтом и потом прыгает. Оба варианта человек воспринимает одинаково — «сайт тормозит».

Самое неприятное, что на вашем компьютере всё хорошо. Шрифт закэшировался месяц назад и подставляется мгновенно. Вы смотрите на свой сайт и не понимаете, о чём речь.

Решение простое и бесплатное: скачать шрифты и положить на свой домен. Тогда они приезжают оттуда же, откуда всё остальное, и не зависят от чужой доступности.

Проверить у себя можно за минуту: откройте страницу в режиме инкогнито и посмотрите в инструментах разработчика вкладку «Сеть». Если там есть обращения к fonts.googleapis.com или fonts.gstatic.com — это ваш случай.

Тут не про рекламу, а про бесплатный трафик, но по механике то же самое — тихая потеря.

У сайта есть sitemap.xml: список страниц, который поисковый робот читает, чтобы понять, куда идти и что успело обновиться. У каждой страницы там стоит дата последнего изменения.

У меня этот файл лежал статикой и был написан руками. Дата в нём стояла июньская. Страницы с тех пор менялись не раз.

Робот читает эту дату буквально: «ничего не поменялось с июня» — значит заходить можно пореже. Вы правите тексты, добавляете страницы, а поисковик приходит раз в месяц, потому что вы сами ему сказали, что торопиться некуда.

Починил тем, что карта теперь генерируется на лету и дату берёт настоящую. Разница видна не сразу, но переобход ускоряется.

Ни одну из трёх ошибок не видно глазами. Все три находятся за несколько минут.

Откройте свой сайт в PageSpeed Insights от Google. Смотрите не на общий балл — он мало что значит — а на LCP в мобильной вкладке. Это время, за которое появляется главный элемент первого экрана. Всё, что выше двух с половиной секунд, в контекстной рекламе стоит вам денег.

Откройте сайт в инкогнито, нажмите F12, вкладка «Сеть», обновите страницу. Внизу будет суммарный вес. Если больше двух мегабайт — есть что чинить. Заодно поищите там строки со словом fonts.

Откройте адрес вашсайт.ру/sitemap.xml. Если файла нет или даты в нём древние — это третий пункт списка.

Я не говорю, что после этих трёх правок реклама начнёт окупаться. Окупаемость зависит от предложения, цены и настройки кампаний куда сильнее, чем от килобайтов. Но это тот редкий случай, когда правки дешёвые, разовые и работают на всё сразу — и на платный трафик, и на поиск.

Свой сайт я в итоге держу в пределах 300 килобайт. Не потому что это красивая цифра, а потому что за каждого посетителя из Директа уже заплачено, и терять его на загрузке — это платить дважды.

А у вас сколько весит первый экран? Интересно, я один такой невнимательный к собственному сайту.