zoukankan      html  css  js  c++  java
  • 网站优化--减少HTTP请求

    发送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文件大小会变大,适合小图片

  • 相关阅读:
    无缝滚动轮播图
    angular 1.6指令与服务
    angular 1.6路由
    javascript 对象
    JavaScript的运算符
    初识JavaScript!
    git常用命令(二)文字版
    CSS水平垂直居中
    收藏的一些牛逼博客
    html5 学习汇总
  • 原文地址:https://www.cnblogs.com/xiaoliwang/p/9233377.html
Copyright © 2011-2022 走看看