禁用了JavaScript的盖茨比静态网站

Question

是否可以使用Gatsby生成可以在浏览器中禁用Java脚本的情况下查看的静态网站？

我听说可以通过这种方式访问​​Gatsby网站，但是我尝试了各种gatsby-starter-default和gatsby-advanced-starter的Gatsby启动器，并且所有这些启动器仅在禁用Javascript时才会显示索引页面。链接点击会返回白屏。

我只是在这里寻找一些正常的降级-我只需要基本的页面和图像即可渲染。

Answer 1

Gatsby会生成应用程序的关键部分，这些部分会在页面加载时显示，然后使用React“填充”页面，这意味着它首先显示关键的HTML和CSS，然后才加载网站的动态部分。因此，如果您使用一些无法渲染的其他React组件，它们将无法正常工作，但整个站点应该可以正常工作。

如果您正在使用服务工作者并通过devtools禁用了JS，则可能是缓存问题。尝试从浏览器首选项中禁用javascript，并在没有打开devtools的情况下从隐身窗口运行网站。基于GatsbyJS的网站应该可以正常工作。

但是，启用PWA和需要使用JavaScript的服务工作者后，您的网站将更快，使用的数据更少。