文件名称:Website-Performance-Optimization:项目4-Udacity FEND
文件大小:6.39MB
文件格式:ZIP
更新时间:2024-05-23 02:38:53
JavaScript
####网站性能优化组合项目-Udacity的Nanodegree ###项目概况 优化提供的网站时会遇到许多与优化和性能相关的问题,以使其达到目标PageSpeed得分并以每秒60帧的速度运行。 ##指示: 单击下面的优化项目: 将上面的网站复制并粘贴到Google的PageSpeed Insights中,以测试上面的优化网站: 移动和台式机得分超过90分。 由Udacity提供的原始“未经优化”网站大约需要20秒钟以上的时间才能在屏幕上呈现。 您可以在下面下载Udacity的原始文件: ##规格以优化网站: 对于台式机和移动设备,index.html的PageSpeed Insights得分高于90(台式机得分:97/100;移动设备得分:95/100)。 (优化前:分数约为60到70) 要实现此目的:优化图像并将宽度尺寸减小到100px,并缩小CSS和JS文件。
【文件预览】:
Website-Performance-Optimization-master
----project-2048.html(3KB)
----project-webperf.html(3KB)
----index.html(5KB)
----.gitattributes(378B)
----ngrok.exe(10.96MB)
----views()
--------images()
--------js()
--------pizza.html(5KB)
--------css()
----img()
--------2048-optimized.jpg(4KB)
--------mobilewebdev.jpg(186KB)
--------cam_be_like-optimized.jpg(4KB)
--------2048.png(64KB)
--------mobilewebdev-optimized.jpg(2KB)
--------profilepic.jpg(14KB)
--------profilepic-optimized.jpg(5KB)
--------cam_be_like.jpg(262KB)
--------.gitignore(10B)
----js()
--------perfmatters.js(513B)
--------perfmatters.min.js(261B)
----README.md(2KB)
----ngrok(0B)
----project-mobile.html(2KB)
----css()
--------print.min.css(372B)
--------print.css(471B)
--------style.min.css(1KB)
--------style.css(1KB)