如何实施Vue单页面应用的首屏加载优化策略？

本文共计935个文字，预计阅读时间需要4分钟。

前言+常规+Vue+项目打包后访问，返回一个只包含+div+的++，其他内容块都是通过+js+动态生成的。+存在两个较大的问题：+不利于+SEO+，+首屏加载页慢+，+用户体验不佳+。+文本是自建的+。

前言

常规 vue 项目打包后访问，返回一个只包含 div 的 html，其他内容块都是通过 js 动态生成的。

存在两个比较大的问题：

• 不利于 seo
• 首屏加载页慢，用户体验不好
  

本文是自己根据项目经验总结的方案，如有不足，欢迎指出~

优化

SSR

SSR(Server-Side Rendering) 即服务端渲染，把 vue 组件在服务器端渲染为组装好的 HTML 字符串，然后将它们直接发送到浏览器，最后需要将这些静态标记混合在客户端上完全可交互的应用程序。