一、图像格式的选择
一般在网页上使用的图片格式可以分为三种,jpg、png、gif.
1、JPG:一般用于展示风景、人物、艺术照的摄影作品。有时也用在电脑截屏上,它的文件较小,容易打开。
2、GIF:提供的颜色较少,可用在一些对颜色要求不不是很高的地方,比如网站的logo、按钮、表情等等。当然,gif的一个重要的应用是动画图片。它可以实现图片动态运作。
3、PNG:PNG格式能提供透明背景,是一种专为网页展示而发明的图片格式。一般用于需要背景透明显示或对图像质量要求较高的网页上。但是它的文件普遍会很大,打开速度就会变慢一点。
二、优化图片
几乎没有哪个网页上是没有图片的。如果你经历过56K猫的年代,你一定不会很喜欢有大量图片的网站。
因为加载那样一个网页会花费很多的时间。即便在现在,网络带宽有了很多的提高,56K猫逐渐淡出,优化图片以加快网页速度还是很有必要的。
优化图片包括减少图片数、降低图像质量。
1、降低图像质量:如果不是很必要,尝试降低图像的质量,尤其是jpg格式,降低5%的质量看起来变化不是很大,但文件大小的变化相对来说是很大的。
2、减少图片的数量:去除一些不必要的图片,能加快网页的访问速度。
因此,在上传图片之前,你需要对图片进行编辑,如果你觉得photoshop太麻烦,可以试试一些在线图片编辑工具。懒得编辑而又想图片有特殊的效果?可以试试用过调用javascript来实现图片的特效。
三、优化CSS
CSS叠层样式表让网页加载起来更高效,浏览体验也得到提高。有了CSS,表格布局的方式可以退休了。最好是把CSS的文件大小弄小一点。
四、减少http请求
当浏览者打开某个网页,浏览器会发出很多对象请求(图像、脚本等等),视乎网络延时情况,每个对象加载都会有所延迟。如果网页上对象很多,这可以需要花费大量的时间。
因此,要为http请求减负。如何减负?
1、去除一些不必要的对象。
2、将临近的两张图片合成一张。
3、合并CSS,把所有的css都弄在一个css里面。
4、合并JS,JS过多,会使网页发送的请求次数变多,合理的合并JS,减少网站的请求量,能更好的打开网页。