如果你的网站没有JavaScript，那么网站打开速度会

2021-03-14 分类：网站建设

我们有很多理由需要好好考虑一下JavaScript存在的意义（它做了什么，怎么做的以及它有多重要）。

网站打开速度

如今，超过一半的网络流量来自移动设备，但这些设备的许多操作都是在极其不稳定的网络连接下进行的，例如，你想要在10秒内单独加载完毕脚本文件几乎是不可能的。

如果您正在使用单页应用，因为没有合理的内容反馈，这可能比您想象的要大得多 - 用户将长时间只能看到部分内容的白屏。

毫无疑问，性能很重要。但JavaScript对我们的网站有什么常见的负面影响呢？我们目前又应该如何评估性能呢？

让我们简单(但是有建设性)地了解一下JavaScript的性能花销

我们在评估JavaScript的性能影响时，通常会关注以下几点：

但是我们经常忽略的是脚本加载之后发生的事情......

一旦设备下载了脚本，就必须对其进行解析，转换为字节码，编译并执行。

正是因为不同的设备解析和编译所消耗的时间长短各有不同，导致了当你在3000美元的MacBook和使用两年的智能机上访问同一个网站时速度会有天壤之别。

网站打开速度

上述图形比较了常规桌面浏览器与低端移动设备上的Chrome解析/编译时间。这张图片引用自Addy Osmani的优秀文章“JavaScript Start-up Performance”。

Calibre这个工具旨在帮助团队更好地了解性能和用户体验领域，您可以直接将您的站点分别在有无JS文件的环境下进行比较，作为Test Profile

（测试配置文件）。

网站打开速度

现在您进行有无使用JavaScript两种情况的测试

测试的结果相当惊人。下面是卫报网站（The Guardian）的测试结果：

The Guardian website, with and without JavaScript

左图：无JS，3G连接，iPhone 6 - 所有内容在不到5秒内完全可见。右图：3G连接，iPhone 6 - 所有内容约10秒钟完全可见，onLoad事件在大约第20秒时被调用。

很明显，传输的数据并不全是JS脚本，还包括额外的内容，图标，甚至一些样式 - 但情况是清楚的：这些内容不是必须的，并且它们破坏了这个页面的性能。

如果您是Calibre用户，并且您有兴趣对脚本和脚本进行监控，那么您只需检查“禁用JavaScript执行”复选框。（您的站点→设置→测试配置文件）。

如果您还没有使用Calibre，那么今天可以开始一个免费的14天试用机会。

如果这篇文章让您的开发团队争论没有Javascript的情况下网络是否有存在的意义，我对此深表歉意。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容