为什么您的网站无需 JavaScript 即可运行。

2025-05-26

为什么您的网站无需 JavaScript 即可运行。

最近我创建了一个为桌游玩家提供工具的网站。一些简单的工具,比如骰子和转盘。

我希望这个网站尽可能地方便用户访问。所以我给自己设定了一些规则,让它尽可能地好用。

一条规则是每个工具都必须在没有 javascript 的情况下运行。

通过实践,我学到了很多东西,并开始撰写一些关于如何在没有 .NET 的情况下构建工具的文章js。但在写更多内容之前,我想回答这个问题:

为什么到了 2021 年,您还要费心制作一个没有的网站js

在研究这篇文章的过程中,我发现了两个非常棒的信息来源。所以,大部分内容都来自亚当·萧华的这篇文章gov.uk的这篇文章。

但我将更深入地探讨为什么有些人会阻止 js

为什么要建立一个不需要的网站,答案显而易见js……因为有些人根本不使用js。但是有多少人呢?!


有多少访问者不使用 javascript?

这个问题的答案大致是1%

关于此的信息不多,但我发现以下内容:

  • 雅虎2010 年的一项研究表明1.3%–  web.archive
  • gov.uk 2013 年的一项研究表明1.1%—  gov.uk
  • 对于2018 年的buzzfeed来说,它是1%youtube

1%听起来很多!真的有可能每100个人中就有1个阻止吗javascript嗯……不可能。

1%这些研究的结果是1%关于 JavaScript 由于某种原因失败的访问。

据称,主动阻止(或使用非常非常旧的浏览器)gov.uk的人数是500 分之一。js0.2%

这些0.2%都是有原因的,但首先让我们看看失败0.8%的访问js


为什么 JavaScript 会失败?

您的网站的 JavaScript 可能失败的原因有很多:

  • 你的 JavaScript 坏了!这确实会发生。
  • 您正在使用的功能在旧版浏览器上不起作用。例如ES6在旧版本的 上internet explorer
  • 来自浏览器扩展程序的干扰。某些网络扩展程序会更改您网站的代码,从而产生负面影响。
  • 网络错误。有时,事情会突然中断。
  • 移动用户丢失信号-例如在农村地区、穿过隧道、掉进沙井等
  • 一些浏览器在网速慢的时候会阻止 javsacript。—— Android 系统就是这样的
  • CDN 宕机。2017 年 AWS 宕机了 3 个小时
  • 企业或本地阻止或删除 JavaScript。有时,组织出于安全原因会阻止 JavaScript。
  • ISP 意外阻止了你的 CDN — — Sky Broadband 曾阻止过 jQuery
  • 移动网络改变您的内容并破坏它 — T-mobile 和 Orange 也破坏了 jQuery!

可能还有其他原因。

这说明大约0.8%有 的游客没有使用Javascript

但是0.2%who 块又如何呢js


人们为什么要阻止 JavaScript?

有些人会在浏览器中屏蔽 JavaScript。有些人会选择不支持 JavaScript 的浏览器。原因如下:

  • 可访问性
  • 安全
  • 隐私
  • 成本
  • 带宽
  • 中央处理器
  • 电池
  • 仍然使用或更喜欢非常老旧的或基于文本的浏览器
  • 他们只是喜欢没有 JavaScript 的网络。

可访问性

有些人发现关闭 JavaScript 后浏览网页更加方便,干扰更少。

其他人则选择不支持的文本转语音浏览器js

文本转语音功能可以完美兼容 JavaScript。例如,它voiceOver可以在MacOS任何浏览器中运行。


安全

许多人js出于职业和个人安全原因禁用 JavaScript。没有 JavaScript 也意味着没有恶意 JavaScript。

谁做这个?


隐私

很多人不喜欢公司收集他们的个人数据。你可以屏蔽广告和跟踪脚本。

有些人甚至会更进一步,屏蔽所有 JavaScript。这样,如果他们信任某个网站,就会允许它运行。


成本和带宽

阻止 javascript 可以节省很多钱。

在加拿大,下载d3.js(一个流行的图表库)需要花费不少钱1 cent。在毛里塔尼亚,下载费用0.06%相当于平均日收入的一半。

这看起来可能不多。但这d3.js只是90kB——而且只是用户使用网站时需要下载的众多脚本之一。

然后,JavaScript 可以请求各种数据、图片、视频,这些都会迅速累积起来。一旦你访问了几个网站,你可能会发现自己超出了预算。

同样的逻辑也适用于带宽有限的人来说。

dev.to在加拿大通过手机访问需花费 24 美分!


CPU和电池

有些人关闭 javascript 来节省 CPU 和电池。

低功率设备的用户(或在后台执行更重要任务的设备)可能希望减轻 CPU 的压力。

无法轻松使用电源的人可能想要节省电池。


过时的浏览器和基于文本的浏览器

IE < 3Netscape 1Mosaic和其他一些非常老旧的浏览器都不支持 JavaScript。现在几乎没人使用这些浏览器了——但你肯定有人还在用。

一些基于文本的浏览器(例如)Lynx不支持jsLynx这是一种在终端应用程序中运行的浏览器。因此,在没有浏览器的电脑上浏览网页的人GUI很可能正在使用它。

Lynx自1992 年起就已存在至今仍在更新。所以肯定有人在用它。


有些人只是更喜欢没有 js 的网络。

有些人认为关闭 JavaScript 后浏览网页效果更好。这样速度更快,还能减少干扰。参见《我关闭 JavaScript 一整周,感觉棒极了——《连线》杂志 2015


你应该迎合吗0.2%

是也不是。就我个人而言,我喜欢不遗余力地让事情顺利进行。我觉得这些事情都很有意思。但确保网站对那些0.2%禁用 JavaScript 的用户来说也能正常工作并不是真正的重点。


路缘切口效应

在谈论网站可访问性时,一个经常出现的比喻是路缘坡道。路缘坡道是路边的小型混凝土坡道。

经过残疾人权利活动家的长期努力,人行道上终于增设了路缘坡道。他们的目标是让轮椅使用者也能享受与非残疾人士同等的自由。

如今,路缘坡道随处可见——每个人都能从中受益。推着婴儿车的人、玩滑板的人、送货的人等等。

重点在于?让世界更容易为一部分人所用,就能让所有人受益。这就是“路缘石效应”

这是《99% 隐形》中有关路缘坡道的精彩一集。

构建无需 JavaScript 即可正常运行的网站不仅仅有利于0.2%禁用 JavaScript 的人们。

0.8%也改善了 JavaScript 失败时的访问。

构建所有可以构建的内容js将使您的网站:

  • 快点
  • 较小– (大多数情况下)
  • 更可靠
  • 更容易接近
  • 动画更流畅
  • 更容易被搜索引擎索引
  • 不易受到黑客攻击
  • 更容易开发——个人观点

我宁愿js整天写作——但寻找html解决css方案才能让我成为一名更好的开发人员。

它迫使我寻找创造性的方法来解决难题,并学习新的html功能css

然后,当我添加 javascript 时,它会变得更小并且更易于管理。


如何禁用 Javascript

如果您要构建网站,则js需要对其进行测试。

禁用 JavaScript 最流行的方法可能是使用浏览器扩展程序NoScript——它可以在Google ChromeFirefox和其他地方使用。

截至撰写本文时,noScript已有:

  • 100,000+Google Chrome 上的用户
  • 404,376Firefox 上的用户

这意味着至少有 50 万人使用该特定应用程序。还有很多其他应用程序和其他禁用方法js


反正

尝试一下浏览网页js,或者甚至可以尝试一下使用Lynx。告诉我你的想法。

文章来源:https://dev.to/shadowfaxrodeo/why-your-website-should-work-without-javascript-3kko
PREV
HTML5 赋予你的 10 大超能力(而你尚未使用)
NEXT
为什么您的网站大小应小于 14kb