首页>>技术前沿>>B/S,C/S软件系统开发建立交互式网站包括向用户发送 JavaScript 。通常，太多了。你是否经历过在一个手机页面上，它看起来已经加载好了，但是点击一个链接或者试图滚动页面的时候，什么也没发生？一字节又一字节，JavaScript 仍然是我们发送给手机的代价最大的资源，因为它会很大程度上延迟交互。
由 WebPageTest(src) 评测的 CNN.com 的 JavaScript 处理时间。高端手机（iPhone8）在约4s的时间处理脚本。相比较而言，普通手机（Moto G4）是约13s的时间，以及2018年低端手机（Alcatel 1X）是约36s。
要保持快速，则只加载当前页面必要的 JavaScript 。优先考虑用户需要的内容，然后使用代码拆分延迟加载剩下来的内容。这是快速加载和交互的最好的机会。默认情况下，基于路由的代码拆分堆栈是一个转折。
接受性能预算，学会在预算中生活。对于手机来说，JS的预算目标为简化/压缩后小于170KB。未压缩时代码约为0.7MB。预算对成功至关重要，然而，他们单独不能神奇地修正 perf 数值。团队文化，结构和强制措施。没有预算的项目建立会导致性能退化并导致失败。学习如何审计并裁剪 JavaScript 捆绑库。当你只需要一小部分却搭载了整个库，浏览器不需要的填充字符，或者重复代码，这些很容易发生。
每个交互都是一个新的“交互时间”的开始；考虑在这种情况下进行优化。传送数据的大小对低端手机网络至关重要，而且 JavaScript 解析时间受设备 CPU 限制。
如果客户端 JavaScript 对用户体验没有好处，问问自己是否真的有必要。也许服务端渲染 HTML 会更快一些。考虑将客户端框架限制到绝对需要它们页面上的使用。如果做的不好，服务器渲染和客户端渲染都会是灾难。
虽然我很喜欢JavaScript，但它总是网站中消耗最大的东西。我想解释一下为什么这是一个主要问题。众所周知，第三方JavaScript可能会对页面加载性能产生严重影响。虽然这仍然是正确的，但重要的是要承认，今天的许多经验也带来了很多自己的第一方JavaScript。如果我们要快速加载，我们需要消除这个问题的双方可能对用户体验产生的影响。
当用户访问网站，你可能正在下载大量文件，其中很多都是脚本。从给一个web浏览器的角度来看有点像一个正在工作的员工，突然老板给你扔来了一堆毫无规律可言的文件。
让你的用户可以尽可能平滑的与你的网站进行交互，运行最少的JavaScript脚本来传递数据。你可以通过逐步递进的方法来慢慢实现这些。最终，你会得到用户的认可。性能就像一段旅程，经过了许多小的变更的积累，最终获得大的性能提升。
【全文完】
版权声明:
1、弈聪软件网站内容中凡注明“来源：XXX（非陕西弈聪网站）”的作品，转载自其它媒体，转载目的在于传递更多信息，其中涉及的网站建设，网站优化，APP开发，微信小程序开发，大数据平台开发，区块链技术开发等软件开发技术细节并不代表本站赞同支持其观点，并不对其真实性负责。对于署名“陕西弈聪”的作品系本站版权所有，任何人转载请署名来源，否则陕西弈聪将追究其相关法律责任。
2、本站内容中未声明为“原创”的内容可能源自其它网站，但并不代表本站支持其观点，对此带来的法律纠纷及其它责任与我方无关。如果此内容侵犯了您的权益，请联系我方进行删除。
企业动态
