3、探究CSS和JS阻塞问题( 九 )


8、第三方插件的按需引入
项目中经常会需要引入第三方插件,如果直接引入整个插件,会导致项目的体积太大,我们只需要引入需要的组件,以达到减小项目体积的目的 。
五、服务端渲染
适用场景
以下两种情况SSR可以提供很好的场景支持 。
1、需要更好的支持SEO
优势在于同步 。搜索引擎爬虫是不会等待异步请求数据结束后再抓取信息的,如果SEO对应用程序至关重要,但你的页面又是异步请求数据,那SSR可以帮助你很好的解决这个问题 。
2、需更快的到达时间
优势在于慢网络和运行缓慢的设备场景 。传统SPA需完整的 JS 下载完成才可执行,而SSR 服务器渲染标记在服务端渲染 html 后即可显示,用户会更快的看到首屏渲染页面 。如果首屏渲染时间转化率对应用程序至关重要,那可以使用 SSR 来优化 。
不适用场景
以下三种场景SSR使用需要慎重 。
1、同构资源的处理
劣势在于程序需要具有通用性 。结合 Vue 的钩子来说,能在 SSR 中调用的生命周期只有和,这就导致在使用三方 API 时必须保证运行不报错 。在三方库的引用时需要特殊处理使其支持服务端和客户端都可运行 。
2、部署构建配置资源的支持
劣势在于运行环境单一 。程序需处于 node.js运行环境 。