文件名称:udacity-project-4:优达学城项目 4
文件大小:2.59MB
文件格式:ZIP
更新时间:2024-07-14 10:32:48
JavaScript
网站性能优化组合项目 ####Part 1:优化 index.html 的 PageSpeed Insights 分数我尝试通过以下方式优化 index.html: 缩小 CSS、HTML 和 JavaScript 消除首屏内容中阻止渲染的 JavaScript 和 CSS 通过用优化版本替换图像来优化图像 使用 max-age 属性利用浏览器缓存 使用“异步”进行非渲染阻塞 javascript 内联 CSS ####Part 2:在pizza.html 中优化每秒帧数确保60fps 的一致帧速率 将创建的比萨饼数量减少到 20 个(第 530 行) 使用翻译代替基本的左定位(第 510 行): items[i].style.transform = 'translateX(' + (100*phase) + 'px)'; 在循环外移动一个大数字的计算(第 506 行): v
【文件预览】:
udacity-project-4-master
----css()
--------print.css(471B)
--------style.css(2KB)
----project-webperf.html(3KB)
----project-2048.html(2KB)
----img()
--------profilepic.jpg(5KB)
--------cam_be_like.jpg(262KB)
--------2048.png(64KB)
--------mobilewebdev.jpg(186KB)
--------.gitignore(10B)
----project-mobile.html(2KB)
----index.html(4KB)
----js()
--------perfmatters.js(513B)
----views()
--------css()
--------images()
--------js()
--------.DS_Store(6KB)
--------pizza.html(5KB)
----README.md(1KB)