前端性能优化-其他优化方案

1、PND到 iconfont，然后再到SVG解决移动端图标。

2、使用Flexbox优化布局，相比传统table或浮动布局，性能会更高。

3、优化资源加载的顺序，使用preload，prefetch调整浏览器加载资源的优先级。

　　preload：提前加载较晚出现，但对当前页面非常重要的资源，优先级比较高

　　prefetch：提前加载后面要用的资源，只在浏览器空闲的时候进行提前加载，优先级比较低

4、预渲染页面，类似于SSR技术，打包的时候就已经将页面渲染好了。react-snap这个依赖可以实现，不仅可以在react上使用，在vue上也可以使用。

　　实现原理是打包的单页应用之后启用服务，然后爬取编译后的完整页面，最终生成静态页面到打包文件中。

　　SSR的主要问题：牺牲TTFB来补救First Paint，实现复杂

5、Windowing（窗口化）提高列表性能，即虚拟表格，只渲染看到的内容。

6、使用骨架组件减少布局移动（Layout Shift）