如下图所示：
前端层：主要是用户看到的页面。比如电商网站的首页。App的各个页面。对于用户而言前端页面的展现速度就是判断系统快慢的依据。
网络层：网络是连接前端和后端的桥梁。网络的好坏也是影响性能的因素之一。
后端层：就是后端处理请求的。主要包括业务处理，接口处理以及函数级别的功能处理。
考虑性能测试的时候最好是以上分层都考虑到。常见前端性能测试的工具有：
●Firebug ------ 火狐浏览器下的扩展插件。单击“网络”标签， 选择“启用”网络面板即可正常使用。然后正常访问网站某个页面。在最底部状态栏里k可以看得到请求数，大小， 缓存中的大小，耗时等信息。还可以查看到那个请求的相关信息。
●Chrome 开发者工具 ------方法和Firebug 类似。
●Chrome Mobile Emulation ------ PC端模拟移动浏览器方便 多终端设备的测试和调试。需要依赖Chrome ADB 插件。PC 端安装Chrome 和ADB 插件。手机端安装移动端Chrome，并打开任意URL。 PC端浏览器 打开该URL chrome://inspect/#devices, 就可以看到手机上的chrome 页面了。单击Inspect 按钮打开开发者工具， 配合PageSpeed 使用， 轻松分析移动端的页面的性能。
●HttpWatch ------基本功能和Firebug 类似。它最强大的扩展功能是提供Automation API 来定义监控和分析的页面，并生成报告。
●PageSpeed ------ 打开URL pagespeed.web.dev/，输入想要测试的网站。… 就可以看到测试结果了。
●埋点测试。让开发人员在某一个功能开始前 记录时间，在结束时也记录时间，计算时间差来看最终性能结果。
大家如果有其他更好的工具，欢迎私信留言。
