分享web开发知识

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

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

网站优化--减少HTTP请求

发布时间:2023-09-06 02:01责任编辑:白小东关键词:网站优化

发送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="data:image/gif;base64,这里是图片数据 "> 

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

网站优化--减少HTTP请求

原文地址:https://www.cnblogs.com/xiaoliwang/p/9233377.html

知识推荐

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