运行文件
单击此链接或
从下载或克隆存储库 2.1 2.2 确保所有文件都在您的计算机上 2.3 在浏览器上打开 index.html 文件
为提高性能而进行的更改
索引.html
内联缩小的 CSS 样式
向 js 脚本添加了 async 属性
将js脚本重新定位到代码底部
调整比萨店图片和个人资料图片的大小
视图/main.js
在 changePizzaSizes 函数上,将变量声明移出循环,以便循环计算时间不会太长。 没有必要继续声明变量
在 updatePositions 函数上,使用 requestAnimationFrame 函数来提高性能。 参考
网站性能优化组合项目
如果您愿意接受(我们当然希望您接受),您的挑战是优化此在线产品组合以提高速度! 特别是,通过应用您在到的技术,优化关键渲染路径并使该页面尽可能快地。
首先,检查存储库,检查代码,
入门
####Part