板子博客

相信有很多人会有和我一样的想法：网站性能优化？无非几步走

1.数据库——数据库当然会是许多问题的瓶颈所在，毕竟数据库操作时间要占据绝大多数的后台程序执行时间，一个设计优良的数据库结构加上适当的索引，自然是可以使网站性能上升许多

2.PHP程序本身效率——这自然也是考虑要点，如双引号和单引号的区别，但本人认为：这应该是网站性能优化的最不重要方面

先别拍砖，道理很简单，单引号确实会快过双引号，可是，时刻注意这这些小东西，除了显摆你有个不错的编码习惯以外，还能说明什么呢？或者说，这样的区别真的有多大价值？一个加载需要3秒的网页，每天把精力花在这样的细节上，达到0.0001秒的性能提升，真的性价比有那么高吗？或许你要反驳，对于百万人同时访问来说，0.0001秒已经很多。可别忘了，如果你把同样的精力花在别的性能优化方案上，带来的也许是百分之50的提升……

3.缓存技术——这自然也是很重要的，或许说是一个高访问量的网站所不能缺少的，但是这不是我今天所要讨论的重点


4.异步加载——现在很多网站都运用了这样的技术，如各种博客系统会首先显示出文章，然后在你看文章的同时使用AJAX技术来异步加载该文章的阅读次数，评论次数等，甚至评论也是异步加载的方式，这样，由于你可以在较短时间内阅读到你最感兴趣的正文（而在阅读完正文后，这些其他数据也早已经加载完毕）从而也变相达到了性能优化的目的

5.再更深些的层次就该考虑服务器等硬件范畴的提升了，这样的优化方案无疑会带来显著效果，但是由于其操作复杂性，以及所要花费的昂贵货币开销，只有一些大型网站才会采用，一些个人网站连独立主机都不会使用，更别说重新部署服务器或是加大带宽了，因此这也不在我今天讨论的范畴

6.这才是我们今天所要说的正题：前端性能优化

事实上，只有10%-20%的最终用户相应时间是花在从服务器获取HTML文档，而其他的80%-90%的时间则花在了其他组件的响应上了
如果请求的是一个没有缓存内容的网站，浏览器首先得到HTML文档，这一过程一般只占百分10-20，然后是解析HTML，下载其中请求的各组件

如果请求的是一个有缓存内容的网站，请求完HTML文档后，浏览器会首先解释HTML文档，JS和CSS代码，此后再下载缺少的图片

不要认为，这些组件的下载只和网速有关，实际上通过很好的控制，能把这些组件的响应时间缩短到百分之60，甚至更多，而且似乎不用花费太大的精力，这样的百分之40的减少折合成整个用户请求响应时间就是百分之30+的效率

那么现在我们想想，你是去看着让你头疼，而又几乎没可能重构的糟糕数据库结构呢，还是认真的对网站的前端性能做个评估，然后运用上一些小手段呢？

下一次我们继续讲前端性能优化的具体方案



请给这篇日志评个分吧！