|
|
|
网站速度优化新着数：运用 类型图片<br>随着搜索引擎网站的不断进步提高，外链在SEO优化之中的占的比重呈下滑发展方向，而其它影响到用户体验认识的因素慢慢走过去SEO 的视界。经过百度推出的一点产品（百度站长平台、百度计数）我们可以看见，网站的加载速度已经变成影响名次的因素之一了。况且，网页尽有可能快地加载还能影响到用户体验认识，因此影响到用户在网站稽留的时间以及跳出率。那末，优化网站的加载速度就是十分不可缺少的了。<br> 有可能些微懂些前端的站长晓得，提高网页加载速度的一个路径就是减损HTTP烦请回数。雪碧图(CSS S )就是这个思考的线索的产物，将多张图片合并到一张图片，这么就将多次烦请合并为一次烦请，达到达迅速加载网页的目标。不过雪碧图的图片合并为网页的改正带来了麻烦，想要删去还是增加图片又务必从新合并一次，这么没有疑问增加了办公量减低了办公速率。那末有啥子可以代替雪碧图，一样达到减损HTTP烦请的目标呢？解答是： 类型图片。<br> 所说的" "类型的U 款式，是在RFC2397中 提出的，目标对于一点小的数值，可以在网页中直接镶嵌，而不是从外部文件载入。例如对于 这个T ，姑且有这个图片十分十分的小，小到只有一个 点，也是要从额外一个外部的图片文件例如 文件中读入的，假如浏览器成功实现了 类型的U 款式，这个文件就可以直接从页面文件内里读入了。 类型的U 款式早在1998年就提出了，时直到现在日，F 、O 、S 和K 这些个浏览器都已经支持，不过IE一直到7.0版本都还没有支持，IE不支持的物品非常多了，也不差这一个。<br><br> 类型图片怎么样生成？<br> 将图片数值 64编码后，在面前加上： : /j ; 64,（那里面的j 请调换成您自个儿的图片类型），即可运用于CSS文件（直接将CSS文件之中的图片途径调换为处置后的字符串即可，可以参照一下子上头的图片）。<br> 类型图片有何长处？<br> 类型图片可以将CSS之中的全部图片都放到CSS文件之中而不必从新发起烦请加载，也就是说，只消烦请CSS文件就够了，减损了HTTP烦请回数。况且增加图片还是删去图片可以直接增加和删去，不像雪碧图需求从新合成。十分便捷。<br> 类型图片的欠缺<br> 类型图片有一个欠缺，就是 类型图片相形于文件图片的大小会大三分之一左右。因为这个不提议将很大的图片也运用 类型，针对于小图片 类型更有优势。对于一点页面简洁的博客来说，将全部图标转化为 类型后放到CSS文件之中，足以仅只只加载一个CSS文件就可以摆平整个儿页面的式样了。<br> 本文由：5177 /首发于站长之家，过载请注明版权。附平常的图片生成 类型的 壮工具： . / / ? =332748& ; =1882584266 注：有关网站建设技法阅览请移步到建站教程频带。<br>
本文由erry提供 短信猫 www.138sms.com
|
|
发表于 2014-2-26 11:19:26