文件名称:Website-Optimization:改善网站性能的项目
文件大小:1.15MB
文件格式:ZIP
更新时间:2024-06-10 07:07:32
JavaScript
网站优化 Udacity前端Web开发人员Nanodegree Project-4 关于 该项目的主要目标是优化页面的速度,使其在移动和移动设备上的PageSpeed得分达到90(在index.html上)并以每秒60帧的速度运行(滚动Pizza.html时)。桌面环境,使用您在到技术。 怎么跑 要运行该站点,您必须下载此仓库的所有文件,并在本地浏览器中打开index.html或单击。 为优化网站而进行的更改: 第1部分:针对index.html优化PageSpeed Insights得分 设置async属性,以将低优先级脚本同步加载到analytics.js,perfmatters.js中并移至结束body标签的末尾; 设置打印样式表的媒体查询(css / print.css); 对于Google字体,请删除未使用的700号字体(粗体字体),并通过组合和压缩多个文件来减少关键资源(
【文件预览】:
Website-Optimization-master
----css()
--------print.css(471B)
--------style.css(1KB)
----project-webperf.html(3KB)
----project-2048.html(2KB)
----.htaccess(4KB)
----img()
--------profilepic.jpg(2KB)
--------cam_be_like.jpg(42KB)
--------2048.png(64KB)
--------mobilewebdev.jpg(57KB)
--------.gitignore(10B)
--------pizzeria.jpg(7KB)
----img-timeline()
--------pizza-measure-before.png(501KB)
--------pizza-measure-after.png(384KB)
----project-mobile.html(2KB)
----index.html(4KB)
----js()
--------perfmatters.js(1KB)
----views()
--------css()
--------images()
--------js()
--------pizza.html(7KB)
----README.md(3KB)