1 .骨架屏幕- skeleton
在页面加载完成之前，页面上显示的框架有助于优化性能
作用：网页加载太慢，白屏会影响用户体验。
也可以放入loding防止白色画面。 但是，更好的解决方案是骨架屏幕
实现：如果网页内容尚未呈现，ui设计图像将首先分析名为骨架屏幕的图像。 例如，淘宝和京东使用骨架屏幕
以布局书写，或者在页面未渲染时显示此样式，并在渲染完成后隐藏
布局书写的优点：代码体积小，占用空间可以忽略，但一张图为1kb
坏处：不需要用代码写。 ui需要直接切图，写出两套风格
淘宝原生的实现：在js原生中监视DOM的加载完成
在第一个屏幕上使用骨架屏幕
2.ssr服务端呈现(serve side render )代码的好处) SEO优化，对服务器的压力很大
之所以在csr客户端渲染(client side render )中不显示代码，都是因为js包中对服务器的压力很小
看网页源代码，东西多的是服务渲染，东西少的是客户端渲染
区别： SEO优化搜索引擎优化在页面上呈现没有任何区别，效果也是一样的
服务渲染容易被搜索引擎检索，客户端渲染的页面难以检索
如果nextwark请求中xhr没有数据，则为服务端渲染，如果有数据，则为客户端渲染
后端隔离是客户端渲染，它在前端和后端之间添加node.js (中间层)
NUXTJS性能优化标题元数据
您创建的客户端渲染将是服务最终渲染。 1 .添加中间层node.js 2。 使用预渲染。 使用nuxtjs进行预渲染时，只能渲染部分页面，不能下载太多插件
新项目将在旧的nuxtjs项目中使用预渲染，但不能进行所有预渲染或复盖，也不能写入后端node.js
3.SEO优化搜索引擎优化
百度竞价爬虫第一