美文网首页
前端性能优化-传输加载优化

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

作者: 一代码农1970 | 来源:发表于2021-07-06 16:38 被阅读0次

    一、启用压缩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

    相关文章

      网友评论

          本文标题:前端性能优化-传输加载优化

          本文链接:https://www.haomeiwen.com/subject/tiibultx.html