相关疑难解决方法(0)

reactjs - 谷歌只显示空白页面

我刚刚使用reactjs编写了我的第一个网站,但当我查看谷歌如何看到我的网站时,我收到以下结果:

我的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>

Run Code Online (Sandbox Code Playgroud)

我已经停用了所有用于测试的AJAX调用,并且在加载了js文件后立即执行了ReactDOM.render.JS文件本身是经过编译,压缩的,大小不到300 KB(包括所有库,如反应本身).

在这一点上,我不明白我可以做哪些更改谷歌正确渲染我的页面？据我所知,反复化的谷歌渲染问题通常来自AJAX调用或在网站本身被渲染和DOM更改之前在应用程序代码中完成的其他长期工作.但是在删除大型库(除了i18next并做出反应),最小化和压缩代码之后,我看不出我能做些什么来显着提高性能或渲染时间.PageSpeed Insights是99/100点(桌面,只抱怨我可以最小化html以节省110个字节).

我的错误可能是什么想法？服务器端渲染对我来说不是一个合适的选择.

您可以在此处查看演示页面:http://comparo.com.mx

正如您所看到的,没有太多 - 但显示的HTML内容在加载index.browser.js之后立即呈现,这是一个<300KB的文件,因此不应该使谷歌搜索控制台无法正确呈现页面.

编辑:我的服务器位于欧洲,并且远离谷歌服务器从美国爬行.这可能是一个问题吗？

javascript google-search google-webmaster-tools i18next reactjs

Mar*_*ies

2018 02-21

4
推荐指数

1
解决办法

2537
查看次数