Tagged

性能优化

A collection of 2 posts

性能优化

性能优化之prefetct、dns-prefetch、preload

在做项目优化的时候,遇到了 prefetch、preload,之前没有总结过,所以今天顺带都总结下。 首先这些属性都是在 link 标签上使用,以前都是拿 link 标签来加载外部css,没想到还有这个妙用。 preload示例代码<link href="app.9dad33ea7f9b9e219e85.js" rel="preload" as="script"> <link href="css/app.613f0ba0.css" rel="preload" as="style"> 作用 (提前加载)preload 是一个高优先级的资源加载声明,专注于当前页面。 通过 Chrome devtools 的 network 面板,可以看到带有 <

性能优化

前端性能优化

思维导图获取 基础的 Web 技术层面的优化Web服务器优化开启压缩 content-encoding 有五个参数值: gzip、compress、deflate、identity、br(Brotli)。 它表示消息主体进行了何种方式的内容编码转换。这个消息首部用来告知客户端应该怎样解码才能获取在 Content-Type 中标示的媒体类型内容。 Gzip: 基于 DEFLATE 算法,它是 LZ77 和霍夫曼编码的组合,最早用于 UNIX 系统的文件压缩。HTTP 协议上的 Gzip 编码是一种用来进 Web 应用程序性能的技术,Web 服务器和客户端(浏览器)必须共同支持 Gzip,当下主流的浏览器都是支持 Gzip 压缩,包括 IE6、IE7、IE8、IE9、FireFox、Google Chrome、Opera 等。