一、前端优化
网站性能优化是一个很综合的话题涉及到服务器的配置和网站前后端程序等各个方面我只是从实际经历出发莱芜网站优化我只是从实际经历出发分享一下自己所尝试过的网站性能优化方法。之所以在标题上挂一个Web2.0是因为本文更偏重于中小网站的性能优化我所使用的系统也是典型web2.0的LAMP架构。
对于第一次访问您网站尚未在浏览器cache中缓存您网站内容的用户我们可以做的事情包括:
1)减少一个页面访问所产生的HTTP连接次数
对策:
- 尽量简洁的页面设计最大程度减少图片的使用通过放弃一些不必要的页面特效来减少javascript的使用。
- 使用一些优化技巧比如利用图片的背景位移减少图片的个数;image map技术;使用inline images将css图片捆绑到网页中。
- 尽量合并js和css文件减少独立文件个数。
2) 使用gzip压缩网页内容
使用gzip来压缩网页中的静态内容能够显著减少用户访问网页时的等待时间(据说可达到60%)。主流的web服务器都支持或提供gzip压缩如果使用apache服务器只需要在配置文件中开启 mod_gzip(apache1.x)或mod_deflate(apache2.x)即可。凡是静态的页面使用gzip压缩都能够显著提高服务器效率并减少带宽支出注意图片内容本身已经是压缩格式了务必不要再进行压缩。
3)将CSS放在页面顶端JS文件放在页面底端
CSS的引用要放在html的头部header中JS文件引用尽量放在页面底端标签的后面主要的思路是让核心的页面内容尽早显示出来。不过要注意一些大量使用js的页面可能有一些js文件放在底端会引起一些难以预料的问题根据实际情况适当运用即可。
4)使JS文件内容最小化
具体来说就是使用一些javascript压缩工具对js脚本进行压缩去除其中的空白字符、注释最小化变量名等。在使用gzip压缩的基础上对js内容的压缩能够将性能再提高5%。
5)尽量减少外部脚本的使用广西网站优化对js内容的压缩能够将性能再提高5%。
5)尽量减少外部脚本的使用减少DNS查询时间
不要在网页中引用太多的外部脚本首先一次dns的解析过程会消耗20-120毫秒的时间;其次如果在页面中引用太多的外部文件(如各种广告、联盟等代码)可能会因为外部文件的响应速度而将你的网站拖得很慢。如果不得不用那么就尽量将这些脚本放在页脚吧。不过有一点需要提及就是浏览器一般只能并行处理同一域名下的两个请求而对于不同子的域名则不受此限制因此适当将本站静态内容(css,js)放在其他的子域名下(如 static.xxx.com)会有利于提高浏览器并行下载网页内容的能力。
对于您网站的经常性访问用户主要的优化思路就是最大限度利用用户浏览器的cache来减少服务器的开销。
1)在header中添加过期时间(Expires Header)
在header中给静态内容添加一个较长的过期时间这样可以使用户今后访问只读取缓存中的文件而不会与服务器产生任何的交互。不过这样做也存在一些问题当图片、CSS和js文件更新时用户如果不刷新浏览器就无法获得此更新。这样我们在对图片、css和js文件修改时必须要进行重命名才能保证用户访问到最新的内容。这可能会给开发造成不小的麻烦因为这些文件可能被站点中的许多文件所引用。flickr提出的解决办法是通过url rewrite使不同版本号的URL事实上指向同一个文件这是一个聪明的办法因为url级别的操作效率是很高的可以给开发过程提供不少便利。
要理解为什么这样做必须要了解浏览器访问url时的工作机制:
a. 第一次访问url时用户从服务器段获取页面内容并把相关的文件(images,css,js…)放在高速缓存中也会把文件头中的expired time,last modified, ETags等相关信息也一同保留下来。
b. 用户重复访问url时浏览器首先看高速缓存中是否有本站同名的文件如果有广西网站优化如果有则检查文件的过期时间;如果尚未过期广西网站优化则检查文件的过期时间;如果尚未过期则直接从缓存中读取文件不再访问服务器。
c. 如果缓存中文件的过期时间不存在或已超出则浏览器会访问服务器获取文件的头信息检查last modifed和ETags等信息如果发现本地缓存中的文件在上次访问后没被修改则使用本地缓存中的文件;如果修改过则从服务器上获取最新版本。
我的经验如果可能尽量遵循此原则给静态文件添加过期时间这样可以大幅度减少用户对服务器资源的重复访问。
2)将css和js文件放在独立外部文件中引用
将css和js文件放在独立文件中这样它们会被单独缓存起来在访问其他页面时可以从浏览器的高速缓存中直接读取。一些网站的首页可能是例外的这些首页的自身浏览可能并不大但却是用户访问网站的第一印象以及导向到其他页面的起点也可能这些页面本身使用了大量的ajax局部刷新及技术这时可以将 css和js文件直接写在页面中。
3)去掉重复的脚本
在IE中包含重复的js脚本会导致浏览器的缓存不被使用仔细检查一下你的程序去掉重复引用的脚本应该不是一件很难的事情。
4)避免重定向的发生