web页面性能优化方法总结

最近老大给我布置了一道作业，让我去想想有哪些办法可以优化web页面的性能，回头一看，做了这么多年的前端开发，多少还是知道一些常规的性能优化策略，以下是我对性能优化的一个总结，共13点，如果描述错误，欢迎指正：

1. 使用cdn

对于需要展示大量图片等静态资源的页面，可以将图片等静态资源放在cdn上，这样可以加速对资源的获取。

2. 合并http请求

比如对于较小的图片，可以将其转换成base64的文本放在CSS文件中;对应多个后台数据请求，可以要求后台合并;使用打包工具，将页面的CSS和js文件合并;使用雪碧图合并小图标。这样可以减少http请求数量。

    注意:合并后的文件过大也是会影响性能的，因为多个请求同时发起至少可以保持请求是并发，节省总体时间消耗，如果合并后的文件太大，反而会让一个请求时间过长，导致浏览器总体等待时间过长。

3. 开启http的keep alive

让HTTP请求可以复用TCP连接，因为TCP连接建立很耗时。

4. 首屏使用ssr

我理解主要有以下两个优点：

    第一：节约首屏请求时间。在服务器发起第一次首屏需要数据的请求，由于内网服务器之间距离短，切服务器带宽大，传输数据快，因此从首屏数据传输来说，服务端占优势;

    第二：加少首屏页面回流。服务端利用其缓存能力和机器性能优势，装配好首屏的HTML，返回给浏览器，浏览器可以直接解析渲染，不需要额外对页面进行