微前端MicroFrontends虽说过早，尚需学习更多(图)

微前端MicroFrontends虽说过早，尚需学习更多(图)

　　点此查看=>点此查看目录PDF => Feishu-State-of-Frontend-2020-by-TSH.pdf5.微前端微前端

　　虽然现在还为时过早，我们还需要学习更多，但我坚信微前端会不断发展并逐渐成熟，就像微服务一样。

　　老实说，我很高兴看到今天人们如此热情地拥抱微前端架构！我们已经知道，世界上很多公司已经在使用微前端架构，比如美国运通、DAZN、宜家、Spotify、星巴克等。现在有了前端状态调查的数据，我们知道有1/4的前端开发者使用过微前端服务。

　　我认为 Web Components 是一个优秀的入门级解决方案——尤其是对于刚刚开始微前端开发之旅的人来说，我们的调查结果似乎证实了这一观点。换个方向想想。其实已经有很多框架支持服务端渲染，比如Holocron、Podium、Ara Framework，还有客户端组装（比如Module Feration或者Single SPA）。不过大家要记住，虽然这些框架是微前端社区的一个很好的补充，但是还是要慎重选择，根据自己的实际需要选择。

　　让我高兴的是，只有 20% 的受访者同意微前端将在三年内消失的结论（请参阅第 v11 章前端的未来）。我也相信，未来将是微前端的世界——它们一定会让微前端不断发展并变得成熟，就像前几年的微服务一样。事实上，TC 39 已经做了很多有趣的步骤，Realms 项目已经进入第二阶段，这将为微前端开辟新的应用场景。

　　微前端不是万能的，但绝对是对其他架构（如服务端渲染、JAMStack、单Web应用）的很好补充。但是因为现在还为时过早，我们还有很多东西要完成，我们需要更多的应用，找到更多的东西来学习。但是，我坚信这种架构可以为调整项目和团队带来好处，只要在正确的上下文中使用即可。

　　你使用过微前端服务吗？

　　你如何结合你的微前端服务？

　　6. 搜索引擎优化 SEO

　　当你了解谷歌的观点后，构建一个以用户为中心且对机器友好的网站并不难

　　搜索引擎产生的流量对任何在线业务都至关重要。根据 Wolfgang Digital 的 2020 年 KPI 报告，原创搜索产生了大约 43% 的流量，远远大于直接访问流量和付费搜索流量的总和。同样，根据我们 2020 年前端状态调查数据，大约 52% 的开发者不关心 SEO。

　　我不想在这里责怪他们。我猜你们中的一些人正在开发不需要在搜索引擎上可见的机密内部应用程序。但是，在其他情况下，如果想要一个网站在Google上成功显示，则需要进行搜索引擎优化。

　　因为 SEO 专家不经常使用开发者的语言，所以很难实现 SEO。请允许我为您提供帮助 - 首先，您应该始终确保 Google 可以正确呈现您页面的 JavaScript。例如，您可能不小心拒绝了搜索引擎访问某些脚本对（在 robots.txt 中）的请求，或者 Googlebot 不接受 JavaScript 的使用。我建议您使用适合移动设备的测试或 URL 检测工具——它们是由 Google 开发的免费且易于使用的工具。通过使用它们，检测 DOM 以确保 Google 可以正确呈现您的所有重要部分。

　　同样，根据调查数据，超过11%的开发者使用动态渲染（本质上是通过判断是否是搜索引擎的爬虫来返回一个特殊的静态页面）。 Google 称其为爬虫解决方案。这种方案是有风险的，因为在某些情况下动态渲染会失败，导致这些页面的原创流量降为零。因此，您始终需要确保您通过了测试并且动态渲染工作正常。

　　SEO 对大多数企业而言都极为重要，并且呈现它是 SEO 工作的一部分。您需要专注于使用适当的 HTML 标记，并在您选择的服务器和客户端与动态呈现之间构建逻辑网页结构。理解了谷歌的观点，你会发现构建一个以用户为中心、对机器友好的网站一点也不难。

　　您关心 SEO 吗？

　　您如何实现 SEO？

　　如果您发*敏*感*词*翻译项目修改翻译和PR，您还将获得相应的加分。 文章开头的这篇文章的永久链接是这篇文章在GitHub上的MarkDown链接。

　　掘金翻译项目是一个翻译高质量互联网技术的社区文章。 文章的来源是掘金文章的英文分享。内容涵盖、、、、、、、、等领域，想看更多优质翻译，请继续关注掘金翻译项目、官方微博、知乎专栏。