网站速度优化新招数：使用data类型图片

随着搜索引擎的不断进步，外链在SEO优化当中的占的比重呈下滑趋势，而其他影响到用户体验的因素慢慢走近SEOer的视野。通过百度推出的一些产品(百度站长平台、百度统计)我们可以看到，网站的加载速度已经成为影响排名的因素之一了。并且，网页尽可能快地加载还能影响到用户体验，从而影响到用户在网站停留的时间以及跳出率。那么，优化网站的加载速度就是非常必要的了。

可能略微懂些前端的站长知道，提升网页加载速度的一个途径就是减少HTTP请求次数。雪碧图(CSSSprites)就是这个思路的产物，将多张图片合并到一张图片，这样就将多次请求合并为一次请求，达到了快速加载网页的目的。但是雪碧图的图片合并为网页的修改带来了麻烦，想要删除或者增加图片又必须重新合并一次，这样无疑增加了工作量降低了工作效率。那么有什么可以替代雪碧图，同样达到减少HTTP请求的目的呢?答案是：data类型图片。

所谓"data"类型的Url格式，是在RFC2397中提出的，目的对于一些小的数据，可以在网页中直接嵌入，而不是从外部文件载入。例如对于img这个Tag，哪怕这个图片非常非常的小，小到只有一个点，也是要从另外一个外部的图片文件例如gif文件中读入的，如果浏览器实现了data类型的Url格式，这个文件就可以直接从页面文件内部读入了。data类型的Url格式早在1998年就提出了，时至今日，Firfox、Opera、Safari和Konqueror这些浏览器都已经支持，但是IE直到7.0版本都还没有支持，IE不支持的东西太多了，也不差这一个。

将图片数据base64编码后，在前面加上：data:image/jpeg;base64,(其中的jpeg请替换成您自己的图片类型)，即可使用于CSS文件(直接将CSS文件当中的图片路径替换为处理后的字符串即可，可以参考一下上面的图片)。data类型图片有何优点?data类型图片可以将CSS当中的所有图片都放到CSS文件当中而不需要重新发起请求加载，也就是说，只需要请求CSS文件就够了，减少了HTTP请求次数。并且增加图片或者删除图片可以直接增加和删除，不像雪碧图需要重新合成。非常方便。

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

商城类网站建设的细节把握与后期运营

    飞速发展的网络社会背景下，网络对企业来说显得尤为关键，商城类网站建设打造即时的消费平台成为了企业在网上的商店，做为产品销售的新渠道，保持24小时全天候不间断创造效益。商城类网站建设不是一蹴而就的工作，当中有许多细节需要把握好，建设一个商城类网站难，后期运营商城更难，新手站长提及运营都一筹莫展。世上无难事，只怕有心人，商城类网站运营有方法的。下面看怎样把握好网站建设细节与后期的运营技巧，不再是难事！...

       企业网站设计色彩的使用原则 色彩的使用原则 。在网页设计过程中, 需要把握色彩的使用原则, 按照客观规律进行科学的配色, 从而才能够设计出色彩鲜明且具有独特个性的网站。网站设计中需要坚持个性鲜明、配色科学、艺术性强的原则。个性鲜明是指网站在艺术用色上必须形成一定的风格, 从而能够让用户良好地与其他网站进行区别, 起到以艺术设计来对网站进行推广的作用;配色科学指的是, 在进行色彩搭配的过程中, 要坚持以人为本的思想, 部分色彩...

       企业网站设计网页规格 人们在对网页进行预览的过程中, 通常看到的 网页规格 为15英寸以及17英寸。其中各网页浏览通常占有显示器的相应空间, 致使显示器中显示网页的尺寸具有较大的差异性。当前, 人们所使用显示器的分辨率通常为600800以及7681024。同时在一些特殊工作需求时, 人们的显示器分辨率为480640以及7681280, 但这种分辨率设置使用率相对较少。

       龙岗大芬孝石珠宝玉器同虎网科技签署网站建设事宜 孝石处于深圳市龙岗区大芬。孝石是经深圳市龙岗区工商局审核的正规企业，统一社会信用代码：办理中。孝石选用虎网站经济型入门级网站案例，其功能比较简单的程序，广告单图(无动漫)，页面较简单，适合小微企业产品展示型网站。 　　陆春晓1981年出生，2002年在苏州光福亲戚家学习玉雕技艺，2006到苏州再深造，2009在和田成立自己的玉雕工作坊。陆春晓，苏州玉雕新秀，海派玉雕师，青年玉雕艺术家。孝石玉艺工作...

       第二代搜索引擎 1998年，以Google和DirectHit为代表的第二代搜索引擎出现在互联网上，这些引擎的主要特点是提高了查准率，可以用“求精”来描述。正在发展中的第三代和第四代搜索引擎则分别为“求专”和“求易”。下面简单介绍一下为雅虎网站提供网页搜索的Google搜索引擎的工作原理。 　　Google搜索引擎采用新的搜索方式，通过一种复杂的数学分析，通过估算反馈网页质量及相关程度来决定排名次序。要知道一个网...

       公司网站制作服务攻击 Http Heads攻击是使用IE或其他浏览器来对Web网站进行查看时, Web网站虽然采用各种不同的技术或框架, 但是HTTP协议不可能发生变化, 而Http协议本身包含的content、Response和header, 这三者之间有一个空行, 它的含义是content的开始、headers的结束。对于网络上熟知这个含义的攻击者来说, 就可以在这个空行上进行攻击, 也就是说将任意字符写入到hea...