您的网站没有JavaScript

这篇文章最初发表在calibreapp.com并与作者授权转载。 如果你有兴趣参加口径兜风,你可以从今天开始免费14天试用版

有很多原因的JavaScript的存在(它做什么,它是如何工作的,以及如何重它是)需要更精心考虑的一点。

今天的网络流量是由50%以上移动设备 ,这些设备中,许多在极不稳定的网络连接单独-上下脚本在不到10秒的操作 不可能的 近了在许多情况下。

如果你工作在一个单页的应用程序,没有合理的内容,只回退,这样可以更损害比你想象用户会关注一个白色的屏幕,与部分内容,很长一段时间。

根据谷歌的DoubleClick,比较网站当负载在5秒网站,在19秒负荷,更快的网站有70%更长的平均会话时长,降低35%的跳出率和较高的25%的广告能见度比同行慢。

性能是很重要的 ,有没有怀疑这一点,但什么常见的负面影响,并有JavaScript的上我们的网站? 我们如何评估目前的表现?

让我们有一个简短的(而富有建设性的)看的JavaScript的成本

当常用的JavaScript审计的业绩影响,我们来看看:

  • 阻止呈现的脚本出现在页面上的数
  • 多久脚本自动下载和数据传输量

但是,我们往往缺少的是以后会发生什么...

一旦设备已下载的脚本,它们必须被解析,转换成字节码,编译,然后执行。

解析和编译时有两个原因为什么您$ 3000的MacBook的伟大工程同一个网站,一个2岁的智能手机感觉那种janky的。

您的网站没有JavaScript

上述图形上的常规桌面浏览器比较铬解析/编译时间,节的低功率移动设备。 此图是取自阿迪·奥斯马尼的标题为“优秀的文章JavaScript的启动性能 “。

哎哟


比方说,作为一个实验,我们去掉了所有的脚本建立一个性能基准 ,来回答这个问题:“究竟有多快会这样?”。

口径的存在是为了让平凡的球队能有更好的可视性,性能和用户体验更多的领域,所以在那个精神,你现在可以运行你的网站的一个直接比较,或者没有JS-作为测试配置文件

您的网站没有JavaScript

????Now你有和无的JavaScript测试

我启用了能够禁用脚本,并运行对风靡全球的新闻网站的几个测试运行,既和没有JavaScript。

结果是相当令人咋舌,下面, 监护人。

您的网站没有JavaScript

左:没有JS,3G连接,iPhone 6 -所有的内容在不到5秒钟完全可见。 右:3G连接,iPhone 6 -所有内容的10秒左右完全可见,ONLOAD要求各地20秒大关。

时间视觉完整性

与“非JS”版本(左图)开始- 所有的内容是在显示5秒钟 在3G上。 令人印象深刻 ????

然而,这个故事是相当的“与-JS”版本,铅物体图像有点不同出现某处大约9.5秒大关,以细微的变化(天气,字体,多种字体,最后一个“突发新闻”的文章)一路上扬,直到大约20秒。

数据

用JavaScript,监护人递送3.41Mb超过115个请求 ,而不,数据传送是由50%以上的降低- 1.59MB,61名的请求 一个沉重的税天气,字体和断裂文章的链接。

很明显,传输的数据是不是所有的JS,这是额外的内容,图标,甚至有些款式,但案件是明确的: 这个内容非必要,并破坏该网页的性能。

使用口径找出如何快速您的网站可能会

在那里,我们有它,坚实的,可重复的业绩比较基准回答这个永恒的问题:“这怎么快这样?”。 如果我们能运用直到刚刚最轻,最快的经验是交付给客户(在合理范围内),这些规则?

完美是最终不及的时候不再有什么要补充的,但
当不再有任何东西拿走。

-Antoine德·圣艾修伯里


如果你是一个口径的客户和你有兴趣使用和不使用脚本监视,所有你需要做的是检查禁用JavaScript执行复选框。 (您的网站→设置→测试配置文件)。

我很想听听你怎么打算使用测试配置文件; 如果您有任何疑问,意见或想法,请分享!

如果你不使用口径还没有,那么你可以从今天开始免费14天试用口径

如果这篇文章中有你的开发团队争论在网络中是否存在没有JavaScript或没有,我很抱歉。 ????

From: https://www.sitepoint.com//calibre-your-site-without-javascript/