提高网站的加载速度

用Wordpress等较为“臃肿"的建站软件的人都知道,网站刚搭建的时候因为内容比较少,所以访问速度会很快。当网站运行时间越长,访问时加载的速度就会随着内容的增加而变慢,更有甚者打开页面需要十几秒的加载时间。这让一些站长们十分苦恼。

其实,影响加载速度的最大因素就是网页中的图片和视频,如果图片大小有10MB,那么用户在访问网页的时候就需要完全把这10MB的图片缓存到电脑上,如果网站出口速度是1MB/S的话,那么用户完全加载图片就可能需要十秒左右。如果网页中放了两张10MB大小的图片,那么加载速度就可能需要二十秒左右。

最好的解决办法就是对图片进行无损压缩,以及对网页进行压缩。比如我在网上找了一张动漫图片,想放在网站里当背景使用,先打开属性看一下大小,如下图所示:

可以看到,这张图片大小是3.96MB,推荐使用Photoshop对图片进行压缩。这里我以Photoshop CS6为例,先将图片导入到Photoshop中,然后依次点击「文件」→「储存为Web所用格式」。也可以直接使用快捷键「Alt+Shift+Ctrl+S」,如下图所示:

之后就会弹出「优化」窗口,对品质、模糊、等参数进行修改,就会对图片进行肉眼轻损甚至无损级压缩,如下图所示:

可以看到,我把「品质」改为低,数值改为零之后,这张图片在窗口左下角已经显示大小为116.7k。当然还可以继续压缩,只需要把「模糊」数值拉高即可,模糊度越高,图片大小也就会越小,当然模糊度高的话用户看到的图片也会很模糊不清,所以我并不推荐对「模糊」数值进行修改,保持零即可。修改好参数后就可以点击右下角的「存储」按钮进行导出操作。

将压缩前和压缩后的两张图片放在一起进行比对,可以明显看到大小变化,如下图所示:

当我把这张压缩好的图片放到网页里面后,用户访问网页只需要加载116kb大小的图片即可,加载速度翻倍提升,就算放很多图片也可以实现瞬间秒开网页。

除了对图片进行压缩,使用小皮等一键部署软件的话,也可以尝试打开页面压缩功能。

网页越小,用户加载的速度也就会越快。

 

点赞

发表回复