没有合适的资源?快使用搜索试试~ 我知道了~
perfmatters:前端纳米学位项目4
需积分: 5 0 下载量 148 浏览量
2021-05-07
17:40:19
上传
评论
收藏 5.41MB ZIP 举报
温馨提示
网站效果优化组合项目 这是针对Udacity的前端开发人员纳米学位计划的网站优化项目 项目目标 在index.html页面上获得90的PageSpeed得分 在pizza.html中滚动时,以60fps的速度保持一致的帧速率 时间要调整比萨饼小于在布劳尔控制台显示在pizza.html为5ms 演示版 要观看现场演示,请访问 代码优化 -views / js / main.js 消除抖动滚动事件:通过将请求的标志与requestanimationframe一起使用,确保updatePosition仅被排队一次 最小化DOM访问:将DOM节点存储到数组中以保存对DOM元素的引用,然后使用forEach函数访问数组中的每个值而不是DOM 最小化DOM Layout属性访问: 将scrollTop布局属性的读数移出updatePostion(),以避免出现Layout Threashing
资源推荐
资源评论
资源评论
蒙霄阳
- 粉丝: 21
- 资源: 4572
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功