文件名称:预算跟踪器
文件大小:46KB
文件格式:ZIP
更新时间:2024-03-08 04:31:57
JavaScript
单元18:网络性能 概述 在本单元中,我们将介绍测量和优化Web应用程序的性能。 如今,世界上许多用户可以通过较慢的连接从较旧的移动设备访问网络。 随着Web应用程序的大小和复杂性持续增长,它们的加载时间也随之增加。 为了确保所有用户都有良好的体验,优化性能是一个重要的考虑因素。 Chrome Devtools和Google Lighthouse将成为我们衡量Web应用程序性能的主要工具。 Devtools允许我们监视网络流量并检查下载到浏览器的资源的大小,例如HTML,CSS,JavaScript和图像。 Lighthouse提供了基于指标的性能评分系统,这些指标包括应用程序包大小,交互时间,首次有意义的绘画时间等。 为了将较小的应用程序捆绑包大小提供给客户端,我们将执行一些涉及压缩资产的优化。 这包括缩小JavaScript和CSS文件,以及压缩图像。 用来提高初始捆绑包大小的另一
【文件预览】:
BudgetTracker-main
----.eslintrc.json(1022B)
----.gitignore(2KB)
----package.json(714B)
----package-lock.json(74KB)
----.travis.yml(234B)
----models()
--------index.js(63B)
--------transaction.js(461B)
----public()
--------icons()
--------service-worker.js(2KB)
--------index.js(3KB)
--------manifest.webmanifest(443B)
--------index.html(2KB)
--------db.js(2KB)
--------styles.css(583B)
----README.md(3KB)
----.eslintignore(30B)
----routes()
--------html-routes.js(437B)
--------api.js(777B)
----server.js(1KB)
----.prettierrc(3B)