随身笔记
随身笔记

wordpress如何提升网站加载速度

提升网站中网页的价值速度,对于提升用户体验来说至关重要。那么下面我们就来做一些事情来提升我们网站的加载速度。
首先我们要想让网站得到一个比较良好的体验,我们得做好四件事情。

1. 开启压缩网页功能,使用GZip功能,或者在Apache HTTP Server中配置mod_deflate,这个需要一定的知识。
如果是wordpress程序可以直接安装GZip插件开启即可。 下面是未开启GZip压缩功能的前后对比示意图。

gzip 如何提升网站加载速度

szipt 如何提升网站加载速度

如果不想安装插件的可以将以下代码添加到网站根目录中的.htaccess文件内保持即可。[code]# ———————————————————————-

  1. # Gzip compression
  2. # ———————————————————————-
  3. <IfModule mod_deflate.c>
  4.   # Force deflate for mangled headers developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping/
  5.   <IfModule mod_setenvif.c>
  6.     <IfModule mod_headers.c>
  7.       SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
  8.       RequestHeader append Accept-Encoding “gzip,deflate” env=HAVE_Accept-Encoding
  9.     </IfModule>
  10.   </IfModule>
  11.   # Compress all output labeled with one of the following MIME-types
  12.   # (for Apache versions below 2.3.7, you don’t need to enable `mod_filter`
  13.   # and can remove the `<IfModule mod_filter.c>` and `</IfModule>` lines as
  14.   # `AddOutputFilterByType` is still in the core directives)
  15.   <IfModule mod_filter.c>
  16.     AddOutputFilterByType DEFLATE application/atom+xml \
  17.                                   application/javascript \
  18.                                   application/json \
  19.                                   application/rss+xml \
  20.                                   application/vnd.ms-fontobject \
  21.                                   application/x-font-ttf \
  22.                                   application/xhtml+xml \
  23.                                   application/xml \
  24.                                   font/opentype \
  25.                                   image/svg+xml \
  26.                                   image/x-icon \
  27.                                   text/css \
  28.                                   text/html \
  29.                                   text/plain \
  30.                                   text/x-component \
  31.                                   text/xml
  32.   </IfModule>
  33. </IfModule>[/code]

可靠资源来自:html5-boilerplate

2.开启页面缓存 wordpress 程序推荐大家使用 WP Super Cache 这个插件,但还有一个更加强大的插件W3 Total Cache 你可以用它来帮助您在网站中提升网页的加载速度,学会使用它绝对有好处。

3.压缩网页图片,介绍大家使用一款实用的图片压缩工具pngpauntlet,它可以对你的图片进行不同程度的压缩并最大化保持图像的分辨率。

pngx1 如何提升网站加载速度

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

总结:做到以上四步我相信你的网站会快上一个档次。

http://www.dglives.com/archives/如何提升网站加载速度

随身笔记

wordpress如何提升网站加载速度
提升网站中网页的价值速度,对于提升用户体验来说至关重要。那么下面我们就来做一些事情来提升我们网站的加载速度。 首先我们要想让网站得到一个比较良好的体验,我们得做好四件事情。 …
扫描二维码继续阅读
2013-02-28