PerformanceOptimization:Udacity 前端纳米学位项目 4

时间:2024-07-08 17:49:37
【文件属性】:

文件名称:PerformanceOptimization:Udacity 前端纳米学位项目 4

文件大小:596KB

文件格式:ZIP

更新时间:2024-07-08 17:49:37

JavaScript

网站性能优化组合项目 调整比萨饼大小的时间 [DONE]:0.9 毫秒(小于 5 毫秒) index.html [DONE] 的关键渲染路径:PageSpeed 得分(移动设备:95,桌面设备:96)>= 90 pizza.html [DONE] 的帧率:应该是 60fps main.js 中的注释 [完成] 页面速度优化(index.html): 压缩图像 内联 CSS 而不是 style.css 用于分析和 perfmatters.js 的异步; 将谷歌分析代码移至 perfmatters.js 对 print.css 使用媒体查询,以便它不必加载,除非在打印时 FPS 优化: 将一些变量移到循环外,以便不必每次都计算它们(例如 dx、newWidth 等) 存储滚动位置和值以防止每次都计算 将 document.querySelectorAll 计算存储在一个查询/变


【文件预览】:
PerformanceOptimization-master
----css()
--------print.css(471B)
--------style.css(1KB)
----project-webperf.html(3KB)
----project-2048.html(2KB)
----img()
--------profilepic.jpg(14KB)
--------cam_be_like.jpg(262KB)
--------2048.png(64KB)
--------opt_profilepic.jpg(2KB)
--------mobilewebdev.jpg(186KB)
--------.gitignore(10B)
----project-mobile.html(2KB)
----index.html(3KB)
----js()
--------perfmatters.js(767B)
----views()
--------css()
--------images()
--------js()
--------pizza.html(5KB)
----README.md(2KB)

网友评论