网站优化--减少HTTP请求

本文介绍了减少网站HTTP请求的几种有效方法,包括使用CSS精灵图、图片地图、合并独立的CSS和JS文件以及采用Base64编码显示图片等,旨在提高网站加载速度。

发送HTTP请求需要经过几个过程

域名解析--TCP连接--发送请求--等待--下载资源--解析时间

这其中需要花费一定时间,因此,尽可能的需要减少网站的HTTP请求,方法有以下几种:

1 . css精灵图 

2. 图片地图

  图片地图可以将一张图片划分成多个区域,实现点击不同区域跳转到不同链接 

<body>
    <img src="./1.jpg" usemap="#map">
    <map name="map">
        <area shape="rect" coords="80,20,163,72" href="javascript:alert('眼睛')" title="眼睛">
        <area shape="rect" coords="48,116,197,186" href="javascript:alert('嘴巴')" title="嘴巴">
        <area shape="circle" coords="121,76,15" href="javascript:alert('鼻子')" title="鼻子">
    </map>
</body>

3. 合并独立CSS和JS文件  

4. 图片使用Base64编码显示

  <img src="https://img-blog.csdnimg.cn/2022010707395747797.gif"> 

  注: 数据可以用PHP生成,缺点是HTML文件大小会变大,适合小图片

转载于:https://www.cnblogs.com/xiaoliwang/p/9233377.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值