前段时间对项目做了 SEO 优化,到现在才来写总结。我们知道,常规用 Vue/React 开发的是 SPA 应用,但是天然的单页面应用 SEO 就是不好,虽然说现在也有各种技术可以改善了,比如使用预渲染,但也都存在各种缺点。但是即使这样,也抵不住 Vue/React 这类框架的潮流,很多产品也可以通过其他亮点而不依赖 SEO 普及开,也有需要登录才能用的使用 SEO 也没有什么意义。
如果项目中真的对 SEO 和首屏加载速度有刚性需求,又使用 Vue/React 这类技术,且想尽量减少代码开发附加的难度,有一种比较直接的方式,就是直接使用服务端渲染的框架,Vue 的 Nuxt.js,React 的 Next.js/Gatsby。
不过,其实学习一门新框架也是一项附加成本啊哈哈,但是 SSR 渲染不过实际开发用不用,起码都要了解一下。我当前以 React 技术栈为主,所以目前只了解的是关于 React 的 SSR 渲染框架,有兴趣的可以看下我这两篇文章:
手把手带你入门 NextJs(v9.5)手把手带你入门 Gatsby所以