文件名称:udacity-optimise:Udacity优化项目
文件大小:487KB
文件格式:ZIP
更新时间:2024-07-15 16:37:12
JavaScript
安装 没什么特别需要的。 下载。 解压。 并运行。 第 1 部分 - 解决方案 - PageSpeed 缩小 CSS 并放入页眉。 除了现在使用媒体标签的打印 css。 尽量减少下载量 将 JS 加载更改为异步 更改图像格式、大小和压缩 第 2 部分 - 解决方案 - 比萨 FPS 更改比萨大小 最初我只是删除了一些代码以使其更快地调整大小。 我的下一个想法是创建 3 个类并应用新类 + 删除旧类来调整比萨饼的大小,将比萨饼缩小到大约 4-8 毫秒来调整比萨饼的大小。 最后我意识到我不必通过 DOM 更改类让 JS 循环。 而不是只能创建和修改容器的类并使用 CSS 规范来更改大小,这要快得多。 背景视差滚动条 后台创建 最初,无论屏幕上显示多少个比萨饼,都会创建 200 个比萨饼。 因此,我将其更改为检查屏幕大小,并确保仅创建足够的披萨 div 来填充屏幕。 在调整窗口大小时,它会删
【文件预览】:
udacity-optimise-gh-pages
----css()
--------print.css(471B)
--------mobile480.css(86B)
--------style.css(1KB)
----project-webperf.html(3KB)
----project-2048.html(2KB)
----img()
--------logo.jpg(2KB)
--------.gitignore(10B)
----project-mobile.html(2KB)
----index.html(3KB)
----js()
--------perfmatters.js(513B)
----views()
--------css()
--------images()
--------js()
--------pizza.html(31KB)
----References.txt(947B)
----README.md(9KB)