网站制作为了保证页面的美观,我们通常会限制图片显示的区域,通常是给图片指定显示尺寸。但是事实上这些图片的真实尺寸往往比指定的图片显示尺寸高。这样一来不仅会导致网站图片显示的模糊、变形,而且也会导致图片字节数变大,影响打开速度。所以我们很有必要将网站图片尺寸截取到尽量小。
网站图片的字节数大小可直接影响网站加载时间,最终影响到网站打开时间。同时在网站上往往会有很多图片,可以在保证图片品质的同时将图片字节数进行压缩到很小。所以,将网站图片体积压缩到尽量小也是网站图片优化中重要的工作,通过这项工作基本上可以把网站速度提高一倍。
网站页面的资源数量多少不仅影响网站的资源的加载时间,也影响网站资源的DNS请求时间,所以对网站资源的合并对提高网站打开速度是非常重要的。网站图片作为网站打开速度优化的重要对象,将网站图片进行合并,使网站图片数量尽量少能够大大提高网站打开速度。主要方法就行对网站图标、背景等图片进行CSS贴图处理。
好多时候我们网站的图片比较多、网页比较长,网站好多图片不需要在第一时间呈现给客户,通常是不在第一屏显示的图片,这时我们可以对这些图片进行延迟加载,让需要第一时间显示的图片更快的加载和显示给客户。通常的将网站制作图片进行延迟加载方法有jquery.lazyload,具体使用方法请参考相关资料。