Вот
ько что запрограммировал свой первый веб-сайт с помощью responsejs, но когда я проверяю, как Google видит мой веб-сайт, я получаю следующий результат:
Мой HTML-файл выглядит так:
<!DOCTYPE html>
<html>
<head>
<title>MySite</title>
</head>
<body>
<div id="root"></div>
<script async type="text/javascript" src="index.browser.js"></script>
</body>
</html>
Я отключил все AJAX-вызовы для тестирования, и ReactDOM.render запускается сразу после загрузки его js-файла. Сам JS-файл скомпилирован, сжат и имеет размер менее 300 КБ (включая все библиотеки, такие как себя реагируют).
На данный момент я не понимаю, какие изменения я могу сделать, чтобы Google правильно отображал мою страницу? Насколько я понял, проблемы с рендерингом в Google, связанные с responsejs, обычно исходят из вызовов AJAX или другой длительной работы, выполняемой в коде приложения до того, как сам сайт будет отображен и DOM изменен. Но после удаления больших библиотек (кроме i18next и самой реакции), минимизации и сжатия кода, я не вижу, что я мог бы сделать, чтобы значительно повысить производительность или время рендеринга. PageSpeed Insights на 99/100 баллов (на рабочем столе, только жалуясь, я мог минимизировать HTML, чтобы сэкономить 110 байт).
Есть идеи, где моя ошибка может быть? Рендеринг на стороне сервера не очень подходит для меня.
Вы можете ознакомиться с демонстрационной страницей здесь:http://comparo.com.mx
Как видите, их немного, но отображаемый HTML-контент отображается сразу после загрузки index.browser.js, размер файла менее 300 КБ, и поэтому он не должен удерживать консоль поиска Google от правильного отображения страницы.
РЕДАКТИРОВАТЬ: мой сервер находится в Европе, и на данный момент серверы Google сканируют из США. Может ли это быть проблемой?