Почему сайт медленно грузится и как это исправить

Особенно больно на мобильном интернете: то, что на офисном вайфае грузится за секунду, в метро или за городом открывается пять-шесть. А это чаще всего и есть ваш клиент.

Причина 1. Тяжёлые картинки

Самая частая и самая простая в исправлении. Фотография прямо с телефона весит 4–8 мегабайт, а для сайта достаточно 150–300 килобайт при том же визуальном качестве.

Что делать: уменьшить размер до реально нужного, сжать и по возможности использовать современные форматы. Одно это часто ускоряет сайт вдвое.

Причина 2. Лишние скрипты

Три чата поддержки, пять счётчиков аналитики, слайдер, который используется в одном месте, и библиотека анимаций ради одного эффекта. Каждый скрипт — это отдельная загрузка и работа процессора телефона.

Что делать: ревизия. Оставить один счётчик, один чат, выкинуть то, чем не пользуетесь.

Причина 3. Плагины

Беда сайтов на популярных CMS. Двадцать плагинов «на всякий случай» тянут за собой стили и скрипты на каждой странице, даже там, где не используются.

Причина 4. Нет кеширования

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

Причина 5. Слабый или далёкий хостинг

Дешёвый тариф с сотней сайтов на одном сервере отвечает медленно в час пик. Проверить просто: если сервер отдаёт первый байт дольше секунды, проблема не в вашем коде.

Причина 6. Шрифты

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

С чего начать

1. Сжать все картинки — самый быстрый эффект
2. Убрать скрипты, которыми не пользуетесь
3. Включить кеширование и сжатие на сервере
4. Сократить число шрифтов и начертаний
5. Проверить время ответа сервера и при необходимости сменить хостинг

Цель для лендинга — уложиться в 1,5–2 секунды на мобильном. Это достижимо почти на любом сайте, если не тащить лишнее.