10个方法来优化网站的访问速度
网站的访问速度是一个网站来说是个很重要的影响因素。有研究证明,浏览者在等待4秒中之后仍然没有打开你的网站,他就会放弃浏览你的网站。可见,提供网站的访问速度将会给你带来众多好处。在这篇文章中你会发现10个方法来提高你网站的访问速度,它们都是非常简单但是又非常有效的途径来使得你的网站速度加快。
- 优化图片的格式。你可能会犯这样一个错误,用Photoshop编辑图片后,任意保存为一种格式,这样做有可能会导致你的图片变的很大。图片的格式也非常有讲究,在网络上经常使用的有三种格式:JPG、GIF、PNG,这三种格式各有各自适用的情况。简单来说,JPG适合于色彩比较多,水平和竖直方向上颜色变化比较大的照片或者真彩图片;GIF适用于色彩简单,水平和竖直方向上颜色变化很少的LOGO图片、按钮等简单的图片,它的最大特点就是图片非常小;PNG是为了替代GIF而专门为网络开发的图片格式,它同样适合于简单的图片,不过当颜色超过256种时最好使用这种格式而不是GIF。
- 优化图片的大小。过大的图片会给你的网站造成严重的负荷,从而导致网站的访问速度下降。因此优化图片的大小是最简单也是最有效的办法来加快你的网站访问速度。Photoshop以及其他类似的图片编辑工具在保存图片时都有一个“Save for the web”选项,使用这个选项会大大减少图片的大小,从而减少网站加载的时间,提供访问速度。如果你不想使用图片编辑工具,那么你可以试下 online image optimizer 这个在线图片优化工具。
- 优化CSS文件。CSS能够提高网站的访问速度,而优化CSS能够让网站的访问速度变的更快。具体的优化方法网上提供的很多,如果你不懂CSS也没有关系,网上有提供这类服务的网站,你可以试下以下两个网站:CSSTweak & Clean CSS 。
- 优化JS文件。JS可以实现很多很酷的效果,但是在实现这些效果的同时你的网站速度也会相对的减慢,因此有必要优化一下JS的代码。具体的优化方法我也不大懂,哈哈,你应该猜到了,网络上为我们提供的有,你可以试下这个网站:Shrinksafe 。
- 关闭不需要的插件。有些插件对你来说没有多大用途,或者你只是为了网站看起来更酷,但是我的建议是去掉你网站上不必要的插件。过多的插件会造成网站加载的内容增多,从而是网站的访问速度减慢。
- 静态化你的网站首页。静态化就是指以HTML的格式作为网页的格式(不知道这样理解对不对),这样做的好处有很多,一来可以加快网页的打开速度,(HTML总会比PHP打开快的多),二来有利于搜索引擎搜索。曾经在网上看到过相关的文章,但是比较麻烦,自己做了之后没有成功,其他简单的方法我也不大清楚,如果哪位高手有简单的方法使网站静态化,麻烦告诉我一声,谢谢啦!
- 使用缓存功能。对于wordpress用户来说,实现缓存功能能够大大改善网站的访问速度。使用缓存功能可以有两个选择,一是开启 WP 自带的 gzip 功能,方法是在“选项”-“阅读”中将该页的最后一行打勾;二是使用插件 WP-Cache ,如果你的网站日流量不超过300,用这个插件的效果不会非常明显。
- 为网站的链接后边加上“ / ”。举个例子来说明一下,比如说你的网站上放置了我的网站链接,
<a href=”http://5xue.org/“>5xue︱乱想</a>
将会比
<a href=”http://5xue.org”>5xue︱乱想</a>
要快一些。这是因为当你为这个链接加上“ / ”之后,在打开这个链接时浏览器可以节省下判断该链接下是否有文件的时间,从而提高打开的速度。不要小看了这个简简单单的“ / ”,虽然这只能节省很少的一点时间,但是积少成多,注意的多了效果自然会明显。 - 为图片加上 “ height ” 和 “ width ” 标签。举个简单的例子,
<img id=”angel” height=”300″ width=”425″
src=”http://5xue.org/img.jpg” alt=”5xue” /> 这样做的好处是为浏览器节省了分析该图片大小的时间,以使得浏览器可以更快的加载该图片,从而提高网站的访问速度。这一点是许多人包括我在内没有注意的一个很重要的要素。 - 去掉不必要的图片、链接以及过多的广告。加载这些内容需要耗费不少的时间,如果能够加快网站的访问速度,何不把这些东西都去掉呢?
以上是我找到与想到的10个优化网站访问速度的方法,可能还有其他更多的方法,如果你知道的话可以告诉我,方法最好要简单实用,谢谢你的分享
觉得尽量调整图片大小这个挺有用,而且用PS的话,减少图片大小效果明显。
是的。不过图片的格式也很重要,你可以试下把一张真彩照片存储为GIF的格式,呵呵,至少要有50K到100K
静态化网站最简单的方法是用offline explorer之类的离线浏览器下载你的网站,哈哈
呵呵,这样很不方便啊,谁会喜欢专门为我用那样地浏览器呢?
还又没有其他更好地方法了,有了快告诉我哦
b不错
看看我的网站是不是要改一下
用cos-html-cache可以让整个wordpress全部静态化