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

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

网站优化 WEBSITE CONSTRUCTION

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

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

排列三独胆绝招:网站SEO优化小技巧:使用data图片

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

河南快赢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-06-18
  • 高港教师钱维胜入围“中国好人榜” 候选“中国好人” 2019-06-13
  • 国际足联成员也就是亚足联成员的中国(大陆)、朝鲜、中华台北、香港、澳门,也可以有蒙古,可联合申办2038年世界杯。其中,中国大陆、朝鲜,算东道主,直接参赛。 2019-06-13
  • A站受黑客攻击:近千万条用户数据外泄 涉ID及密码等 2019-06-13
  • 重庆市纪委驻市环保局纪检组组长陶志刚被查 2019-06-12
  • 中央纪委对涉党和国家机构改革的党内法规和相关文件作出清理 2019-06-12
  • 中央纪委对涉党和国家机构改革的党内法规和相关文件作出清理 2019-06-09
  • “草原英雄小姐妹”走进山城 2019-06-09
  • 徐建中.blog的博客—强国博客—人民网 2019-06-07
  • B+轮融资1.56亿元人民币,凯叔讲故事将如何继续铺设商业化路径? 2019-06-07
  • 太凶残!高卢雄鸡和澳洲袋鼠踢爆皮球 2019-06-04
  • 马航航班或为节省燃料抄近路遭击落[图] 2019-06-04
  • 【访民情 惠民生 聚民心】村里有个“启智课堂” 2019-05-27
  • 广东警方摧毁全国首例“呼死你”专案犯罪团伙 2019-05-21
  • 2017年秋季学期学员第十三支部风采 2019-05-21
  • 959| 451| 630| 963| 935| 281| 777| 861| 231| 982|
    在线客服
    在线客服
    服务热线