Liferay 前端性能调优(1) 测评工具YSlow

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


如何安装和测试YSlow:浏览器

(1) 从Firefox的Add-on上下载 ”YSlow"前端性能

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

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

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

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


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


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

相关文章
相关标签/搜索