提升网站中网页的价值速度,对于提升用户体验来说至关重要。那么下面我们就来做一些事情来提升我们网站的加载速度。
首先我们要想让网站得到一个比较良好的体验,我们得做好四件事情。
1. 开启压缩网页功能,使用GZip功能,或者在Apache HTTP Server中配置mod_deflate,这个需要一定的知识。
如果是wordpress程序可以直接安装GZip插件开启即可。 下面是未开启GZip压缩功能的前后对比示意图。
如果不想安装插件的可以将以下代码添加到网站根目录中的.htaccess文件内保持即可。[code]# ———————————————————————-
- # Gzip compression
- # ———————————————————————-
- <IfModule mod_deflate.c>
- # Force deflate for mangled headers developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping/
- <IfModule mod_setenvif.c>
- <IfModule mod_headers.c>
- SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
- RequestHeader append Accept-Encoding “gzip,deflate” env=HAVE_Accept-Encoding
- </IfModule>
- </IfModule>
- # Compress all output labeled with one of the following MIME-types
- # (for Apache versions below 2.3.7, you don’t need to enable `mod_filter`
- # and can remove the `<IfModule mod_filter.c>` and `</IfModule>` lines as
- # `AddOutputFilterByType` is still in the core directives)
- <IfModule mod_filter.c>
- AddOutputFilterByType DEFLATE application/atom+xml \
- application/javascript \
- application/json \
- application/rss+xml \
- application/vnd.ms-fontobject \
- application/x-font-ttf \
- application/xhtml+xml \
- application/xml \
- font/opentype \
- image/svg+xml \
- image/x-icon \
- text/css \
- text/html \
- text/plain \
- text/x-component \
- text/xml
- </IfModule>
- </IfModule>[/code]
可靠资源来自:html5-boilerplate
2.开启页面缓存 wordpress 程序推荐大家使用 WP Super Cache 这个插件,但还有一个更加强大的插件W3 Total Cache 你可以用它来帮助您在网站中提升网页的加载速度,学会使用它绝对有好处。
3.压缩网页图片,介绍大家使用一款实用的图片压缩工具pngpauntlet,它可以对你的图片进行不同程度的压缩并最大化保持图像的分辨率。

4.优化网页基本常识,减少css文件数,必要的情况下尽量将整合css文件,减少http请求次数,js同理。允许的话可以尝试使用css sprite 将零散的网页背景图片进行拼接,这个有其自身的优势,同样是减少请求次数,但在拼接图片的时候你得花很多时间去测量背景图片的纵横坐标,用起来相对麻烦。个人到现在也没有采用这种技术。
总结:做到以上四步我相信你的网站会快上一个档次。