最近我们团队要问Liferay做前端页面调优，当然了，测评工具是最重要的，为了看具体的页面加载时间等，我们首选当然是Chrome浏览器的诊断工具，但是总感觉不专业，基于我已有的经验，我还是推荐了YSlow,它会对于页面的各项指标进行打分，然后最终获得总分然后评级，一般级别有A,B,C,D,E,F6个级别。


如何安装和测试YSlow:

(1) 从Firefox的Add-on上下载 ”YSlow"

(2)重启Firefox检查是否YSlow已经被正确的安装

(3)到我们要测试的页面，点击任务栏最右下角的 “YSlow"图标

(4)在YSlow的工具窗口，切换到"Home"的标签页，然后点击按钮"Run Test"

(5)它会去读一个进度条，表示正在测试，然后测试完了之后，测试的结果将被显示在Grade/Components/Statistics 标签页上。


我们最初没有做任何优化的时候，评分只有64分，等级为E 。可惜，我们这里没有64分的截图了，还好我找到了1个70分的截图，表示当时我们的前端页面性能是很烂的。

104516899.png


接下来，我们将用一系列的文章来介绍我们团队为了前端性能调优而做出的努力。