Google периодически не удается загрузить CSS и JS с CDN CloudFront


Мы заметили много ошибок "Удобства использования мобильных устройств" в консоли поиска. Когда я нажимал на них и выбирал опцию "Проверить живую версию", всегда говорилось, что страница удобна для мобильных устройств. Однако ошибки в удобстве использования мобильных устройств не исчезли из консоли поиска.

Мы продолжили тестирование, и один или два раза мы получали ошибку "Проблемы с загрузкой страницы" поверх "Теста для мобильных устройств", и страница отображалась с текстовым содержимым и изображениями, но CSS не был нагруженный.

Оказывается, бот Google время от времени не может загрузить CSS из дистрибутива CloudFront. Это приводит к ошибкам "Удобства использования мобильных устройств" в консоли поиска и, возможно, к штрафам за поиск.

У нас есть статический веб-сайт, размещенный на S3/CloudFront. Документы CSS и HTML находятся в одном и том же дистрибутиве. У нас включен HTTP/2, и я ожидаю, что CSS будет обслуживаться через то же соединение, что и HTML. Однако время от времени этого не происходит, и CSS не загружается. Ошибки случаются редко но все же они влияют на рейтинг нашего сайта.

CSS и JS не находятся в robots.txt

У нас нет ограничений по геолокации.

В журналах CloudFront нет ошибок, вызванных Googlebot. Я вижу только успешные запросы от Googlebot. Есть ошибки от других пользователей, поэтому журналы, похоже, работают правильно.

Политика протокола просмотра настроена на перенаправление HTTP на HTTPS.

Ссылки на CSS являются относительными и выглядят так: https://www.visualwatermark.com/css/all-24c79a5ab7f0103302353199ecf9f1cf.css

Рассматриваемый дистрибутив CloudFront https://www.visualwatermark.com/

Есть ли у вас какие-либо идеи, что можно изменить, чтобы бот Google всегда мог загружать CSS с CDN CloudFront?

Author: Ivan Nikitin, 2018-07-04

1 answers

Скопируйте код css, используемый на странице, и поместите его в строку в теге стиля на странице.

Это заставляет css работать, и производительность не снижается, а в некоторых случаях он будет работать быстрее, так как для страницы css нет процедур запроса.

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

 2
Author: drtechno, 2018-07-04 17:29:34