文件名称:performance-optimization:执行优化以60fps呈现页面
文件大小:8.82MB
文件格式:ZIP
更新时间:2024-06-02 20:39:35
JavaScript
#性能优化 该项目提供了以下优化措施,以实现60fps的渲染速度和至少90的Google Page Speed得分。 index.html的更改摘要: 删除了Google字体 使analytics.js和perfmatters.js异步 添加媒体查询以打印样式表 使用外部工具调整大小和优化图像 内联所有CSS(使用gulp-inline-css) Pizza.html对main.js所做更改的摘要: 将比萨饼数量减少到30 将“ var phase =(document.body.scrollTop / 1250);”移出了updatePositions()函数中的for循环 使用外部工具调整大小和优化图像 将以下计算移出for循环: a)var windowwidth = document.querySelector(“#randomPizzas”)。offsetWidth(