В чём проблема
Многие сайты подключают шрифты, иконки и библиотеки с внешних адресов. Это удобно: разработчик вставляет одну строку и не думает о файлах. Но если такой адрес блокируется или тормозит, сайт открывается без шрифта, без стилей или вообще не открывается. А ещё каждый внешний адрес — это передача данных посетителя третьей стороне.
Типичный пример: страница ждёт загрузки шрифта с зарубежного сервера, тот не отвечает, браузер показывает пустое место или ждёт десятки секунд. Клиент видит белый экран и уходит.
Что чаще всего подключают снаружи
- шрифты;
- иконки и библиотеки интерфейса;
- видео и карты;
- метрики, виджеты и чаты;
- сторонние скрипты форм.
Как перенести
- Скачайте шрифты и библиотеки и положите на свой хостинг.
- Подключайте их по адресам собственного сайта.
- Оставьте только те внешние сервисы, которые действительно нужны, и замените зарубежные на российские.
- Видео и карты загружайте по нажатию, а не при открытии страницы. О видео — в статье о видео без YouTube.
Со шрифтами перенос особенно прост: файлы в формате WOFF2 кладутся в папку сайта, а в стилях прописывается их подключение. Внешний вид не меняется, а скорость обычно растёт: браузеру не нужно устанавливать соединение с чужим сервером.
Что оставить внешним
Не всё стоит переносить. Платёжные формы, карты, чаты и аналитика по определению живут на чужих серверах. Но их можно подключить так, чтобы они не мешали основному содержимому: загружать после страницы, по нажатию или по согласию пользователя. Если такой сервис недоступен, страница должна по-прежнему открываться.
Как проверить
- Откройте инструменты разработчика и посмотрите, с каких адресов идут запросы.
- Отключите интернет, кроме вашего домена: страница должна открыться.
- Проверьте сайт в разных сетях и на мобильном интернете.
Полезное упражнение: составьте список всех внешних адресов и для каждого ответьте на три вопроса. Зачем он нужен? Что будет, если он недоступен? Чем его можно заменить? Часто выясняется, что половина подключений давно не нужна.
Это же уменьшает риск, описанный в статье об иностранных сервисах на сайте.