首先寻找简单的修补程序

在过去的几周中,我一直专注于为即将在Clever Beagle提供的新产品Pupgrades构建基础架构。 因为Pupgrades将按项目收费,所以我认为将营销和结帐流程集成到现有的Clever Beagle应用程序(我们与指导客户一起使用来跟踪其产品工作的应用程序)是值得的)。 从理论上讲,这是个好主意,但在实践中却有一个小小的毛病:该应用程序并不是在考虑SEO的情况下构建的; 该应用程序的所有HTML仅在客户端上呈现。 多年来,尽管Google在客户端渲染方面变得更加友好,并且存在一些可以对应用进行预渲染以使搜索引擎可以看到它的黑客,但是这些技术仍然令人不满意。 幸运的是,Meteor(Clever Beagle应用程序和我们的指导计划所基于的平台)去年增加了对服务器端渲染(SSR)的支持。 现在,不再仅仅依靠客户端渲染和黑客将渲染的HTML提供给搜索引擎,而是可以首先在服务器端实际渲染HTML。 为什么这么重要? 好吧,渲染的HTML是Google用于描述和排名您的网站的工具。 这样,HTML越容易访问和可见,那就越好。 之前在Meteor中与SSR一起在同级网站(以及一些CB学员)上学习了教程,我知道如何实现它的要旨。 但是,我不知道的是在实施时如何解决一个明显的问题:未样式化内容(FOUC)的闪烁。 您无疑已经看到了这一点。 在访问网站时,几秒钟后,您会在页面上看到未样式化的HTML,然后在几秒钟后看到样式化的版本“ snap…