zoukankan      html  css  js  c++  java
  • 减少HTTP请求

    一、为什么要减少HTTP请求
    性能黄金法则: 只有10%-20%的最终用户响应的时间花在接收请求的html的文档,剩下的80%-90%花在请求静态资源上;
    如何改善:减少静态资源的数量,从而减少HTTP请求;
    HTTP连接会产生一定的开销:在解析域名的过程中会查询DNS的缓存;
    HTTP1.1协议是串行发送,也就是100个请求会逐个发送,前面的请求完成才会发送下面的请求;
    二、减少HTTP请求的方式
    图片的地图:
    概念:图片地图允许一个图片关联多个URL,目标URL的选择取决于用户了图片上的那个位置;
    也就是将多个图片合成一个图片,通过位置信息来定位请求的URl;
    用法:<map><area></area></map>

    CSS精灵
    概念:通过使用合并的图片,通过指定css的background-img和background-position来显示元素;
    background-position:x:y,x和y可以写正值也可以写负值我们可以想象图片的左上方为(0,0),以(0,0)坐标向右是x的负轴,向下是y的负轴;
    用法:

    合并脚本和样式表:
    使用外部的js和css文件,不要直接写在页面里面
    合并js和css文件
    图片使用base64编码减少页面的请求次数,base64编码将图片直接写在页面内,而不去请求服务器;

  • 相关阅读:
    uap
    打印机驱动下载
    hsf
    系统安装
    npm
    webuploader传递参数
    thinkphp5集成H-ui后台(五)集成webUploader
    webUploader上传视频,包括上传进度、上传状态、暂停和取消等
    webuploader php上传视频
    使用Webuploader大文件分片传输
  • 原文地址:https://www.cnblogs.com/meichao/p/9497543.html
Copyright © 2011-2022 走看看