分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

减少HTTP请求

发布时间:2023-09-06 02:10责任编辑:董明明关键词:暂无标签

一、为什么要减少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编码将图片直接写在页面内,而不去请求服务器;

减少HTTP请求

原文地址:https://www.cnblogs.com/meichao/p/9497543.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved