【文件属性】：
文件名称：Optimization:优化网页以获得页面速度得分并修复卡顿
文件大小：30.7MB
文件格式：ZIP
更新时间：2021-06-21 16:36:42
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 页面上的