网站优化

以下是我给同事写的一封信,介绍了我们公司网站优化的做法

海刚,正伟好!
对于新闻,股票,和号百的性能问题,经过这两天的探索,网页的性能得到了一定的提升。
通过终端测试,完全打开新闻页面由原来的20秒可以减少到10秒,性能提升了一倍。而同样的页面用pc机打开的话都是在1秒左右。
通过yslow测试,网页的性能由原来的70分提升到了90分。本人认为服务端的性能基本没有再提高的余地了,除非增加硬件。希望终端能提高一定的性能。
以下是提高网页性能时采取的一些措施:
1对于js文件,把多个文件合并成一个文件,并且把合并后的文件进行压缩,压缩工具jsa,获取该工具:http://www.xidea.org/。
2减少http请求(减少静态文件的数量,包括js文件的合并、使用 Sprites等)。
3除js外的静态文件放到apache下的htdocs文件夹下面,且设置静态文件直接从apache下获取。
4apache设置gzip压缩。
5apache给静态文件设置一个长的过期日期,这要求如果更改了静态文件的内容,需要更改文件的名称,采取的方法是:每次更改文件内容时,文件名更改成文件名+日期。这会使每次部署时麻烦些。
6把css文件放到html的头部,javascript文件放到html的尾部。
对于4,5两点只需要在httpd.conf文件中增加如下配置
LoadModule deflate_module modules/mod_deflate.so
<IfModule mod_deflate.c>
# 压缩级别
DeflateCompressionLevel 9
# 压缩类型
SetOutputFilter DEFLATE
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/javascript application/x-httpd-php
AddOutputFilter DEFLATE js css
# 启用日志记录
#DeflateFilterNote Input instream
#DeflateFilterNote Output outstream
#DeflateFilterNote Ratio ratio
#LogFormat '"%r" %{outstream}n/%{instream}n (%{ratio}n%%)' deflate
#CustomLog logs/deflate_log.log deflate
</IfModule>
LoadModule expires_module modules/mod_expires.so
<IfModule mod_expires.c>
# 启用有效期控制
ExpiresActive On
# GIF有效期为1个月(秒数)
ExpiresByType image/gif A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType image/png A2592000
ExpiresByType image/x-icon A2592000
ExpiresByType text/javascript A2592000
ExpiresByType text/plain A2592000
ExpiresByType text/css A2592000
# HTML文档的有效期是最后修改时刻后的一星期
ExpiresByType text/html A2592000
</IfModule>


                                        彭强兵

你可能感兴趣的:(JavaScript,apache,html,PHP,css)