性能优化
文章平均质量分 55
showhand_m
这个作者很懒,什么都没留下…
展开
-
写一个离线页面
if('serviceWorker' in navigator){ window.addEventListener('load', ()=>{ navigator.serviceWorker.register('./service-worker.js') .then((reg) => console.log('success', reg.scope)) .catch((err)=>console.log('failure:', err)); })原创 2021-01-29 13:46:01 · 222 阅读 · 0 评论 -
性能优化
度量标准: 首次有效绘制 首屏渲染时间 重要文件预算小于170kb 编码优化 普通代码优化 React代码优化 Vue代码优化 打包优化 构建优化: dll 预编译 Tree-shaking 动态模块 缓存文件 搜索范围 nginx 优化 代码风格优化 HTML 文档结构层次尽量少,最好不深于6层。 减少DOM查找 动画不在视线范围尽量停止 资源优化 图片压缩 响应式图片 其他优化 CDN 优化分析工具,方法 ...原创 2021-01-29 11:44:03 · 349 阅读 · 1 评论