前端性能优化-传输加载优化

一、启用压缩Gzip

Nginx开启Gzip压缩功能， 可以使网站的css、js 、xml、html 文件在传输时进行压缩，提高访问速度, 进而优化Nginx性能! Web网站上的图片，视频等其它多媒体文件以及大文件，因为压缩效果不好，所以对于图片没有必要支压缩，如果想要优化，可以图片的生命周期设置长一点，让客户端来缓存。 开启Gzip功能后，Nginx服务器会根据配置的策略对发送的内容, 如css、js、xml、html等静态资源进行压缩, 使得这些内容大小减少，在用户接收到返回内容之前对其进行处理，以压缩后的数据展现给客户。这样不仅可以节约大量的出口带宽，提高传输效率，还能提升用户快的感知体验, 一举两得; 尽管会消耗一定的cpu资源，但是为了给用户更好的体验还是值得的。

二、启用Keep Alive

Nginx关于keepalive连接保持的特性，实际上就是在一次TCP连接中，可以持续处理多个客户请求，而不断开连接。通过该机制可以减少TCP连接的建立次数，减少TIME_WAIT的状态连接。从而增加服务的吞吐量和整体服务质量。

三、HTTP资源缓存

强制缓存和协商缓存
推荐阅读：https://www.jianshu.com/p/037a4478c504

四、Service workers技术，给网站提速

Service worker 提供了很多新的能力，使得 web app 拥有与 nativeapp 相同的离线体验、消息推送体验。
推荐阅读: https://www.jianshu.com/p/768be2733872

五、HTTP 2的性能提升

HTTP2优势
多路复用
二进制分帧
首部压缩
服务推送
推荐阅读: https://www.jianshu.com/p/8ac6baf4728c

六、用流行的SSR技术给前端减负

SSR是Server Side Render简称；页面上的内容是通过服务端渲染生成的，浏览器直接显示服务端返回的html就可以了。
推荐阅读: https://www.jianshu.com/p/10b6074d772c