掌握聚合最新动态了解行业最新趋势
API接口,开发服务,免费咨询服务

没有Javascript的一天

 没了JavaScript会出什么问题?

今天天气不太好,外面下着雨,由于实在是无聊,我觉得做一个实验:关闭浏览器中所有的JavaScript,看看哪些网站还能用,哪些网站不能用。

没错,我的生活就是这么无聊。

很多人都觉得我讨厌JavaScript,其实这并不是真的。

我所讨厌的,是那些明明有其它替代解决方案,却还是疯狂以来JavaScript的人。因为我一直以来所追求的都是优雅和简介,而不是那些完全没有必要的复杂的东西。

第一印象

在关闭了JavaScript以后,我的第一印象是:速度更快了。没有广告、没有视频载入。也没有烦人的请订阅弹窗。

如果没有其他问题的话,我一定会在未来的生活中完全关闭JavaScript,可惜在将它关闭之后,好多东西也都不能用了。导航栏、设置按钮、表单……全都无法正常工作。

没了JavaScript的网站们

我对多个常用的网站进行了测试,看看在关闭了JavaScript之后它们是否还能继续使用。结果如下:

Feedly

 

这是我测试的第一个网站,在关闭了JavaScript之后,浏览器里只留下了一片空白。

Feedly,你们至于这样吗?你们的工程师完全可以用基本的HTML和一些高级功能来呈现网页,例如用锚链接来移动到其他文章那里,之后在需要JavaScript的时候再使用它。

结论:对JavaScript过于依赖

Twitter

 

Twitter先是显示了正常的页面,然后把我重定向到了mobile.twitter.com。这种做法真的让我感到有些不爽,其实他们的桌面端页面在没有JavaScript的情况下依然可以正常显示。它可以使用和移动端一样的导航方法,将query parameter设置为“?max_id=871333359884148737”,来检测时间线上的最新内容。

结论:还能做的更好一些。

Google Chrome

 

Google Chrome的下载页面完全不可用,连个提示都没有,只有白茫茫一片。

结论:Chrome就是个赤裸裸的JavaScript脑残粉。

Youtube

 

Youtube挺像努力加载视频的,但是最后还是失败了,没有视频、没有预览图、没有评论。

其实他们完全可以在页面内部放一个基本版的视频播放器,然后当探测到JS的时候再开启那个更高级的播放器。

结论:没有JavaScript就看不了视频。

24 ways

 

看吧,这个网站没有JavaScript也能用!所有动画都还在(因为它们是CSS写的),导航栏也能用。

结论:非常好!

Netflix

 

没了JavaScriptNetflix也用不了,页面能加载出header,但是仅此而已。我特别想知道他们为何没试试HTML5

结论:一片漆黑

NYtimes

 

 

在没有JavaScript的情况下,NY Times用了561ms加载了967kb。而在有JavaScript的情况下,它用12000ms加载了4000kb的数据。虽然很多图片读取不出来,但是至少不影响文字的阅读。

结论:勉强能用。

谷歌搜索

 

没了JS,谷歌搜索一样能搜索。虽然没了自动补全功能,页面布局也仿佛穿越会了上个世纪,图片搜索界面也特别难看,但是至少还能做好核心的搜索功能。

结论:没了JS依然稳定。

Wikipedia

 

Wikipedia从来没让我失望过,在没有JS的情况下,这个网站几乎和从前没什么区别。

结论:好基友。

亚马逊

 

没了JS,网站看上有有些走样。但是至少还能用。你依然可以搜索、获取推荐、将商品加入购物车、下单结账。

结论:亚马逊丛林勇士。

谷歌地图

 

我原以为谷歌地图没了JS依然能用,毕竟它使用了大量的Single Page Application。但是谷歌地图却让我失望了,完全无法使用。

结论:地图界的悲哀。

整体结论

几乎所有网站都在努力为你提供更加迅速的响应,更好的使用体验。但是在关闭了JavaScript之后,几乎所有网站的加载速度都有了大幅的提高。

可以看出,JavaScript消耗了我们大量的流量。现在我至少知道自己每个月的流量都去哪儿了。

我觉得,即使没有JavaScript,我们依然可以很好的做出网站,尤其是那些不指望用户用手机浏览的网站。我认为,用户应该有权利选择不用JavaScript,这是互联网,不是JavaScript应用商店。作为开发者,我们应该做出完全不用JavaScript版本的网站。

qrcode_for_gh_9de197bcc61b_258.jpg

原文来自:SDK.cn

声明:所有来源为“聚合数据”的内容信息,未经本网许可,不得转载!如对内容有异议或投诉,请与我们联系。邮箱:marketing@think-land.com

  • 全球天气预报

    支持全球约2.4万个城市地区天气查询,如:天气实况、逐日天气预报、24小时历史天气等

    支持全球约2.4万个城市地区天气查询,如:天气实况、逐日天气预报、24小时历史天气等

  • 购物小票识别

    支持识别各类商场、超市及药店的购物小票,包括店名、单号、总金额、消费时间、明细商品名称、单价、数量、金额等信息,可用于商品售卖信息统计、购物中心用户积分兑换及企业内部报销等场景

    支持识别各类商场、超市及药店的购物小票,包括店名、单号、总金额、消费时间、明细商品名称、单价、数量、金额等信息,可用于商品售卖信息统计、购物中心用户积分兑换及企业内部报销等场景

  • 涉农贷款地址识别

    涉农贷款地址识别,支持对私和对公两种方式。输入地址的行政区划越完整,识别准确度越高。

    涉农贷款地址识别,支持对私和对公两种方式。输入地址的行政区划越完整,识别准确度越高。

  • 人脸四要素

    根据给定的手机号、姓名、身份证、人像图片核验是否一致

    根据给定的手机号、姓名、身份证、人像图片核验是否一致

  • 个人/企业涉诉查询

    通过企业关键词查询企业涉讼详情,如裁判文书、开庭公告、执行公告、失信公告、案件流程等等。

    通过企业关键词查询企业涉讼详情,如裁判文书、开庭公告、执行公告、失信公告、案件流程等等。

0512-88869195
数 据 驱 动 未 来
Data Drives The Future