性能优化
文章平均质量分 96
校园苦行生
这个作者很懒,什么都没留下…
展开
-
前端性能优化原理篇——Page Lifecycle
前端性能优化原理篇——Page Lifecycle文章目录前端性能优化原理篇——Page Lifecycle导读生命周期概述好奇解决的问题生命周期状态与事件状态事件跨浏览器兼容建议与实践对每个状态下的建议避免使用老旧的生命周期API数据采集上报启发与实践FAQs参考导读原文链接性能,一直都是前端孜孜不倦探讨的话题。说到生命周期想必大家都不陌生,这都是 React 、Vue 等框架设计的核心理念,它大致都提供了数据初始化、DOM 加载、资源释放等时机钩子供大家合理使用,例如 React shouldC原创 2021-04-23 15:07:27 · 1001 阅读 · 0 评论 -
防抖与节流:实践与勘误
文章目录防抖与节流:实践与勘误前言防抖使用场景案例节流使用场景勘误案例总结参考防抖与节流:实践与勘误原文链接前言一般对于监听某些密集型键盘、鼠标、手势事件需要和后端请求交互、修改 dom 的,防抖、节流就很有必要了。防抖使用场景关键字远程搜索下拉框resize对于这类操作,一般希望拿到用户最终输入的关键字、确定的拖拽大小,然后与服务器交互。而中间态的值,并不关心,为了减轻服...原创 2020-03-09 15:22:39 · 252 阅读 · 0 评论 -
前端极致性能优化手册大全
文章目录前端极致性能优化手册大全webpack代码分块分析插件 webpack-bundle-analyzerglob 和 purgecss-webpack-plugin 去除无用CSS图片webp雪碧图iconfontbase64缓存DNS缓存http 缓存CDN(Content Delivery Network) 内容分发网络本地缓存 localStorage、sessionStorage、c...原创 2020-01-18 14:58:52 · 833 阅读 · 0 评论 -
错误监控原理解析
文章目录错误监控前言常见错误语法错误同步错误异步错误window.onerror 注意事项网络错误`window.onerror` 与 `window.addEventListener`Promise 错误上报方式Script errorJavaScript 错误剖析推荐做法SourceMap参考网站错误监控原文地址前言作为一个前端,在开发过程即便十分小心,自测充分,在不同用户复杂的操作下...原创 2019-12-28 16:28:33 · 634 阅读 · 0 评论 -
性能优化——关键路径渲染优化
文章目录关键路径渲染优化什么是优化关键路径关键指标构建对象简单流程图代码准备不设置明确禁止缓存private与public缓存过期策略1、三种方式设置服务器告知浏览器缓存过期时间2、两种方式校验资源过期强制校验缓存性能优化期中总结:HTTP 缓存性能检查清单前端工程化参考附代码关键路径渲染优化什么是优化关键路径优化关键路径的就是优先显示与用户操作相关的内容,也就是常说的尽量减少白屏时间或...原创 2019-08-07 23:59:08 · 959 阅读 · 0 评论