前端性能优化
| 用户体验 | 描述 |
|---|---|
| 它在发生吗？happening | 网页浏览顺利开始了吗？服务端有响应吗？ |
| 它是否有用？useful | 用户是否能看到足够的内容？ |
| 它是否可用？usable | 用户是否可以和页面交互，还是页面仍在忙于加载？ |
| 它是否令人愉快的？idle | 交互是否流程和自然，没有卡段或闪烁？ |
Google 的网页性能优化工具 pageSpeed insights
针对移动设备或桌面设备生成网页的实际性能报告，并能够提供关于如何改进网页的建议
页面加载的优化
- 建议最好把html,css,js,font,img这些资源放在cdn上
- 没钱买cdn服务，尽可能少的加载外链的css和js代码 ，在头部增加dns-prefetch ，减少Dns的解析
<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="//static.360bu