Category Archives: Notes

昨日同事发现项目的其中一个页面加载速度比其它页面要慢一点，主要是在IE上加载的时候比其它页面多一点停顿时间。该页面是用于查询和显示，数据的数据的读取涉及到多个表，并且数据量相对比较大，所以第一反应可能是数据查询存在问题。 服务器端测试 为了找出效率瓶颈所在，我用Xdebug的profiling功能来分析页面的执行时间,结果发现确实在获取数据的时候花费了大量时间，另外是在Smarty显示模板的时候经几次测试结果差不多，下图是测试结果： 首先对数据查询的SQL进行了分析，发现其中一个表可以增加两个索引，添加索引之后查询时间有了明显减少，如下图所示： 第一次执行 第二次执行 由于页面数据比较多，对Smarty显示慢的原因暂时没有进行优化。 客户端测试 另一个问题是，这个页面在Firefox与Chrome上的显示时间比IE明显要快，而该页面的HTML结构相对比较复杂，所以有理由相信这跟IE的页面处理效率特别是页面渲染速度有关。 添加索引前在Chrome中的加载情况： 添加索引后在Chrome中加载速度的体现： 总结 其实页面的加载速度跟很多因素有关，数据库结构、SQL查询语句、程序实现、HTML结构、浏览器、服务器等都能影响网页的速度，这里只是很简单的测试，希望有时间对页面性能进行深入研究。