文件名称：fn-mobile-portfolio:Udacity 前端开发纳米学位 PR4
文件大小：1.19MB
文件格式：ZIP
更新时间：2024-07-07 20:30:44
JavaScript
项目 4 - 网页优化 演示链接 解决步骤 第一部分 - PageSpeed Insights 获得 >= 90 分 做了什么 ？ 删除了谷歌字体的使用 来自 style.css 的内联 css 从 CRP 中排除了 print.css（添加 media="print"） 添加了对脚本的异步调用（perfmatters.js、analytics.js） 优化的图像（压缩、调整大小） 第二部分 - 60 FPS 前 做了什么 ？ updatePositions()（第 501 行） - 将文档 scrollTop 属性的引用移出循环，以停止在每次循环迭代时强制重新计算布局 第 528 行 - 生成的比萨饼数量减少 优化的披萨 img（压缩、调整大小） style.css - 向比萨饼添加了 translateZ(0) 属性，以强制浏览器为每个比萨创建新图层。 改进的油漆性能
【文件预览】：
fn-mobile-portfolio-master
----project-mobile.html(2KB)
----project-webperf.html(3KB)
----project-2048.html(2KB)
----build()
--------js()
--------css()
--------img()
----js()
--------perfmatters.js(513B)
----views()
--------images()
--------js()
--------css()
--------pizza.html(5KB)
----css()
--------style.css(1KB)
--------print.css(471B)
----perf()
--------60fps_updatePositions_before.png(52KB)
--------60fps_translateZ_hack.png(67KB)
--------60fps_updatePositions_opt_1.png(44KB)
--------60fps_pizzas_num_opt_2.png(63KB)
----README.md(6KB)
----index.html(4KB)
----img()
--------.gitignore(10B)
--------profilepic.jpg(5KB)
--------2048.png(64KB)
--------cam_be_like.jpg(262KB)
--------mobilewebdev.jpg(186KB)