性能优化
4篇文章 · 0订阅
  • 别再用performance计算首屏时间了！！
    随着前端框架盛行，`Performance` 已无法准确的监控到页面的首屏时间，本篇文章讲一种前端首屏时间的计算方案，偏算法实现，重点是思想，看懂就等于赚到！
    性能优化 监控
    别再用performance计算首屏时间了！！
  • 【PWA学习与实践】(3) 让你的WebApp离线可用
    本文是《PWA学习与实践》系列的第三篇文章。文中的代码都可以在learning-pwa的sw-cache分支上找到（git clone后注意切换到sw-cache分支）。 PWA作为时下最火热的技术概念之一，对提升Web应用的安全、性能和体验有着很大的意义，非常值得我们去了解与…
    JavaScript Promise 浏览器
    【PWA学习与实践】(3) 让你的WebApp离线可用
  • 前端性能优化 - 用RAIL模型分析性能
    RAIL是一个以用户为中心的性能模型，它把用户的体验拆分成几个关键点（例如，tap，scroll，load），并且帮你定义好了每一个的性能指标。 用户的输入到响应的时间不超过100ms，给用户的感受是瞬间就完成了。 事件处理函数在50ms内完成，考虑到idle task的情况，…
    性能优化
  • Tree-Shaking性能优化实践 - 原理篇
    一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack 项目中，有一个入口文件，相当…
    Webpack rollup.js
    Tree-Shaking性能优化实践 - 原理篇