文件名称：Optimization:优化网页以获得页面速度得分并修复卡顿
文件大小：30.7MB
文件格式：ZIP
更新时间：2024-07-11 10:23:22
JavaScript
这是我对下面给出的挑战的解决方案。 我所指的页面托管在这里： : 测试页面： : 使用 Chrome Dev Tools 完成 FPS 分析 为了在移动和桌面设备上获得超过 90 的页面速度得分（根据谷歌的页面速度洞察），对主页 (index.html) 进行了以下更改： JavaScript 文件已被赋予 async 属性以最小化 CRP（关键渲染路径） Google 字体使用异步 js 而不是 css 加载 图像被手动压缩和/或调整大小并使用 Gulp（在 img 文件夹中找到） 所有必要的 css 都被识别并内联到 html 中 Gulp 用于压缩 html 和 js 文件 单击或此处的“Cam's Pizzeria”链接可以查看下一个任务 对 views/js/main.js 进行了以下更改，以达到 60fps 并修复 views/pizza.html 页面上的