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

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

作者: 一代码农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

相关文章

  • 前端性能优化-开篇

    前端性能优化问题是每个前端需要掌握的技术。这篇文章从渲染优化、代码优化、资源优化、构建优化、传输加载优化、更多流行...

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

    一、启用压缩Gzip Nginx开启Gzip压缩功能, 可以使网站的css、js 、xml、html 文件在传输时...

  • 前端性能优化

    对于前端的性能优化,主要有分为加载优化和性能优化。在Google官方文档中,给出了性能优化有哪些好处。前端优化的最...

  • 前端性能优化(中)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(上)...

  • 前端性能优化(下)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(中)...

  • 前端性能优化(上)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 为什么要进行前端性能...

  • 关于前端性能优化

    前端性能优化主要关注的点就是速度,具体分为加载性能和运行性能。 加载性能 检查加载性能可以参考window.per...

  • 前端面试必问及加分点---性能优化篇

    如何进行网站性能优化 你有用过哪些前端性能优化的方法? 谈谈性能优化问题 代码层面的优化 前端性能优化最佳实践

  • JavaScript优化方案(一)

    前端工作离不开性能优化,关于前端优化可以分为以下维度。 加载和执行 管理JavaScript代码是个棘手的问题,代...

  • 常用的后端性能优化六种方式:缓存化+服务化+异步化等

    性能优化专题 前端性能优化 数据库性能优化 jvm和多线程优化 架构层面优化 缓存性能优化 常用的后端性能优化六大...

网友评论

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

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