美文网首页
减少http请求

减少http请求

作者: 你与时光终会散 | 来源:发表于2019-07-08 17:12 被阅读0次

相关概念

1、为什么要减少http请求
性能黄金法则 组件花费时间占八九成

2、减少http请求的方式
减少组件的数量,并由此减少http请求的数量

http连接产生的开销
域名解析-TCP连接-发送请求-等待-下载资源-解析时间

疑问?
DNS缓存
Keep-Alive
查找DNS缓存也需要时间,多个缓存就要查找多次,有可能缓存被清除
HTTP1.1协议规定请求只能串行发送

减少http请求的方式

1、图片地图
图片地图允许在一个图片上关联多个URL,目标URL的选择取决于用户点击了图片的哪个位置。map标签

2、CSS Sprites
CSS Sprites中文翻译叫CSS精灵,通过使用合并图片,通过制定的css的background-image和backage-postion来显示元素

性能影响
图片地图和CSS精灵的响应时间基本上相同,但是比使用各自独立图片的方式要快50%

3、合并脚本和样式表适
使用外部的js和css文件引入的方式,因为这要比直接写在页面中性能要更好一点
独立的一个js比用多个js文件组成的页面载入要快38%
把多个脚本合并为一个,多个样式表合并为一个。

4、图片使用Base64编码减少页面请求数
采用Base64的编码方式将图片直接嵌入到页

相关文章

  • 前端页面优化

    1.使用代码构建工具,减少http请求的次数以及减少http请求的大小。减少http请求大小还包括减少cookie...

  • 减少http请求

    相关概念 1、为什么要减少http请求性能黄金法则 组件花费时间占八九成 2、减少http请求的方式减少组件的数量...

  • 前端性能优化

    一、减少http请求 每次请求资源都需要耗时,减少http请求,减少加载时间 合并图片,css sprites 懒...

  • 前端优化技巧

    (一)减少http请求次数或者减少请求内容的大小 每发送一次http请求,都需要完成请求+响应这个完整的http事...

  • 前端性能优化常用方法

    减少 HTTP 请求次数和请求大小:1、尽量合并 CSS 和 JS 文件,减少 HTTP 请求次数,把合并的代码压...

  • 前端性能优化的方法

    网络请求 减少HTTP资源请求次数(合并接口) 减小HTTP请求大小 避免页面中空的href和src 减少页面重定...

  • 如何减少http请求

    老板说网站打开太卡了,想办法吧 减少http请求吧?减少了真的有用吗? 减少http请求是为了网站性能的优化,请求...

  • Web性能优化总结

    减少HTTP请求 页面内部优化; 启用缓存; 减少下载量 网络连接上的优化 减少HTTP请求: CSS Sprit...

  • web前端开发,如何提高页面性能优化?

    内容方面: 减少 HTTP 请求 (Make Fewer HTTP Requests) 减少 DOM 元素数量 (...

  • 页面性能优化

    加载资源优化 1,静态资源的压缩合并,减少HTTP请求 资源的合并,可以减少http请求数量。资源的压缩,可以减少...

网友评论

      本文标题:减少http请求

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