什么是 Web 性能：网站或者应用程序的客观度量和可感知的用户体验；

  1. 减少整体加载时间：减小文件体积、减少HTTP 请求、使用预加载；
  2. 使网站尽快可用：仅加载首屏内容，其它内容根据需要进行懒加载；
  3. 平滑和交互性：使用CSS 替代JS 动画、减少 UI 重绘；
  4. 感知表现：你的页面可能没有做得更快，但可以让用户感觉更快。耗时操作要给用户反馈，比如加载动画、进度条、骨架屏等提示信息；
  5. 性能测定：性能指标、性能测试、性能监控持续优化；

为什么要关注 Web 性能：

  1. 用户的留存；
  2. 网站的转化率；
  3. 体验与传播；
  4. 搜索排名；
  5. 客户投诉；
  6. 提升工作绩效；
  7. …

如何进行 Web 性能优化？

  1. 首先需要了解性能指标，多快才算快？
  2. 使用专业的工具可量化地评估出网站或应用的性能表现；
  3. 然后立足于网站页面响应的生命周期，分析出造成较差性能表现的原因；
  4. 最后进行技术改造、可行性分析等具体的优化实施；
  5. 迭代优化；
打赏作者
您的打赏是我前进的动力
微信
支付宝
评论

你好👏🏻，我是 ✍🏻   疯狂 codding 中...

粽子

这有关于前端开发的技术文档和你分享。

相信你可以在这里找到对你有用的知识和教程。

了解更多

目录

  1. 1. 什么是 Web 性能：网站或者应用程序的客观度量和可感知的用户体验；
  2. 2. 为什么要关注 Web 性能：
  3. 3. 如何进行 Web 性能优化？