欢迎光临四川省巨高科技有限公司

联系我们|网站地图|巨高资讯

网站优化 WEBSITE CONSTRUCTION

巨高科技专业从事网站优化的服务团队,专注提供成都网站优化、成都SEO、成都网站关键词优化、成都网站优化培训、成都网站优化公司、成都网站优化推广

当前位置:河南快赢481现场视频>网站优化 >网站优化技巧 >网站SEO优化小技巧:使用data图片 >

体彩大乐透开奖结果:网站SEO优化小技巧:使用data图片

来源:成都网站建设 时间:2016-11-24 点击次数:1434

河南快赢481现场视频 www.94b0.cn   随着搜索引擎的不断进步,外链在SEO优化当中的占的比重呈下滑趋势,而其他影响到用户体验的因素慢慢走近SEOer的视野。济南网站建设指出提升网页加载速度的一个途径就是减少HTTP请求次数。那么什么可以达到减少HTTP请求的目的呢?答案是:data类型图片。

  所谓"data"类型的Url格式,是在RFC2397中提出的,目的对于一些“小”的数据,可以在网页中直接嵌入,而不是从外部文件载入。

  data类型图片如何生成?

  将图片数据base64编码后,在前面加上:data:image/jpeg;base64,(其中的jpeg请替换成您自己的图片类型),即可使用于CSS文件(直接将CSS文件当中的图片路径替换为处理后的字符串即可,可以参考一下上面的图片)。

  data类型图片有何优点?

  data类型图片可以将CSS当中的所有图片都放到CSS文件当中而不需要重新发起请求加载,也就是说,只需要请求CSS文件就够了,减少了HTTP请求次数。并且增加图片或者删除图片可以直接增加和删除,不像雪碧图需要重新合成。非常方便。

  data类型图片的缺点

  data类型图片有一个缺点,就是data类型图片相比于文件图片的体积会大三分之一左右。因此不建议将非常大的图片也使用data类型,针对于小图片data类型更有优势。对于一些页面简洁的博客来说,将所有图标转化为data类型后放到CSS文件当中,完全可以仅仅只加载一个CSS文件就可以搞定整个页面的样式了。

  • 左手公信,右手公益,两手都硬气 2019-04-16
  • 张鸿星会见温州市抚州商会筹备组 2019-04-16
  • 恒大出局夜靠一人遮羞 有他在中超8连冠仍有戏 2019-03-31
  • 我看“支付宝回收垃圾”这件事不错,应该支持。[微笑][微笑] 首先是提高的回收效率,其次便于集中处理旧物品,防止污染有利。 2019-03-26
  • 进京通行证限次数!70.9万辆本地化使用外埠号牌车或将受影响 2019-03-23
  • 路上安全  警钟长鸣:宝马SUV闯红灯  十字路口被面包车顶翻 2019-03-17
  • 贺星龙:走村串户 把十九大精神带到乡村 2019-03-17
  • 端午佳节 听习近平谈弘扬中国优秀传统文化 2019-03-13
  • 尼克-杨晒自己庆祝照:不可思议的感觉 2019-03-13
  • 南京:骗提公积金者5年内禁贷 2019-03-09
  • 中国残联理事长鲁勇:我国残疾儿童义务教育普及率达90%以上 2019-03-09
  • 产油国步调不一 渐进增产可能性大 2019-02-27
  • 港澳牙医只需备案即可在粤执业 2019-02-27
  • 四川召开全省网络安全和信息化工作会议 2019-02-25
  • Xi stresses building elite maritime force during navy inspection 2019-02-18
  • 48| 642| 397| 51| 231| 491| 4| 876| 827| 169|
    在线客服
    在线客服
    服务热线