Перестал открываться личный сайт без VPN — ошибка с Google Fonts
Какое-то продолжительное время у меня плохо открываются мои же сайты. Изначально я не обращал на это внимания. Сайты тяжелые, с двух-трёх обновлений открываются и дальше работают хорошо, а с VPN вообще работают отлично — я не беспокоился.
Сегодня я решил исправить долгую загрузку одной страницы сайта и столкнулся с неприятными подробностями.
Внешние ресурсы
Страница, которую я изначально правил, плохо работала из-за попытки загрузить иконки с внешнего сайта. Почему-то эти иконки не локализовались при разработке сайта и остались на серверах разработчика моего виджета.
При попытке подгрузить эти иконки — браузер зависал и сайт не открывался. Пара обновлений или VPN решали эту проблему. Далее эти иконки кешировались и проблема исчезала на какое-то время, пока не истекал срок годности кеша.
Я скачал эти файлы, положил к себе на хостинг и переписал файлы темы WordPress. Проблема была в недоступности этого источника из РФ.
После этого я решил проверить другие страницы на предмет внешних ресурсов, которые не подгружаются без VPN.
Блокировка гугл шрифтов?
Каким было моё удивление, когда я обнаружил, что сайт медленно загружается из-за того, что моё устройство не могло скачать шрифты с серверов гугла.
В консоли просто весели ожидания выполнения запросов по 30-70 секунд к серверам гугла. Найти источники этих запросов у меня не получилось (очень объёмный сайт с кучей внешних сервисов), отключить аккуратно эти запросы тоже не получилось.
В итоге я отрезаю кусок HTML прямо перед отправкой пользователям — ту часть head, которая подключала эти шрифты.
<link rel='stylesheet' href='https://fonts.googleapis.com/icon?family=...
Изначально я был уверен, что Роскомнадзор заблокировал какие-то сервисы гугла, или гугл ограничил доступ к своим сервисам для Россиян. Но всё оказалось проще и сложнее одновременно.
Тесты и отсутствие результата
Первым делом, когда я нашел проблему вечной загрузки шрифтов, я попробовал открывать их напрямую. Ожидаемо, даже прямые ссылки на css шрифтов не открывались.
Я пробовал разные браузеры и проблема оставалась. Без VPN не открывается. После открытия — шрифты кешировались на устройстве и какое-то время работали. Но каждая очистка кеша снова вела к бесконечной загрузке.
Можете проверить эту ошибку у себя. Вот пример ссылок, которые у меня не открываются:
https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap
https://fonts.googleapis.com/icon?family=Material+Icons&ver=6.9.4
Моей ошибкой стало то, что я не проверил эту проблему на других устройствах. Открыв те же ссылки, я понял, что проблема наблюдается только на моём стационарном ПК. На других устройствах всё работает отлично, даже с тем же провайдером.
Симптомы были очень похожи на проблему с начальной страницей с внешними иконками. Тогда она плохо открывалась на всех устройствах, поэтому повторную проверку загрузки шрифтов я проводить не стал.
Судя по всему, проблема была с настройками сети в Windows. Я периодически менял адреса DNS-серверов в Windows, но это не помогло. Пока проблема остаётся актуальной. Дополню статью, когда найду решение.
Надеюсь, что статья поможет кому-то сэкономить те семь часов, которые я потратил на поиск проблемы и её устранение впустую. Проверяйте загрузки в инспекторе: (F12) → сеть. Всё что имеет внешнюю ссылку — может быть причиной медленной работы. Далее пытайтесь воспроизвести проблему на разных устройствах и у разных интернет-провайдеров.
Оперативно о таких «приколах» я пишу в своём телеграм. Там же делюсь опытом о работе в IT сфере и публикую короткие образовательные материалы.
Upd: проблема была в goodbyedpi, который с древних времён затерялся в службах.