沒有Javascript的一天

前言

有點意思，在全世界都在搞 JS，來這麼沒有 JS 的一天，網站的可用性呢？早些年業界有出現一個 CSS 裸奔日，褪去華麗的外衣還原頁面本來的面目。今日早讀文章由 SDK.cn@ 魯行雲 編譯分享。

正文從這開始～

沒了JavaScript會出什麼問題？

今天天氣不太好，外面下著雨，由於實在是無聊，我覺得做一個實驗：關閉瀏覽器中所有的JavaScript，看看哪些網站還能用，哪些網站不能用。

沒錯，我的生活就是這麼無聊。

很多人都覺得我討厭JavaScript，其實這並不是真的。

我所討厭的，是那些明明有其它替代解決方案，卻還是瘋狂以來JavaScript的人。因為我一直以來所追求的都是優雅和簡介，而不是那些完全沒有必要的複雜的東西。

第一印象

在關閉了JavaScript以後，我的第一印象是：速度更快了。沒有廣告、沒有視頻載入。也沒有煩人的「請訂閱」彈窗。

如果沒有其他問題的話，我一定會在未來的生活中完全關閉JavaScript，可惜在將它關閉之後，好多東西也都不能用了。導航欄、設置按鈕、表單……全都無法正常工作。

沒了JavaScript的網站們

我對多個常用的網站進行了測試，看看在關閉了JavaScript之後它們是否還能繼續使用。結果如下：

Feedly

這是我測試的第一個網站，在關閉了JavaScript之後，瀏覽器里只留下了一片空白。

Feedly，你們至於這樣嗎？你們的工程師完全可以用基本的HTML和一些高級功能來呈現網頁，例如用錨鏈接來移動到其他文章那裡，之後在需要JavaScript的時候再使用它。

結論：對JavaScript過於依賴

Twitter

結論：還能做的更好一些。

Google Chrome

Google Chrome的下載頁面完全不可用，連個提示都沒有，只有白茫茫一片。

結論：Chrome就是個赤裸裸的JavaScript腦殘粉。

Youtube

Youtube挺像努力載入視頻的，但是最後還是失敗了，沒有視頻、沒有預覽圖、沒有評論。

其實他們完全可以在頁面內部放一個基本版的視頻播放器，然後當探測到JS的時候再開啟那個更高級的播放器。

結論：沒有JavaScript就看不了視頻。

24 ways

看吧，這個網站沒有JavaScript也能用！所有動畫都還在（因為它們是CSS寫的），導航欄也能用。

結論：非常好！

Netflix

沒了JavaScript，Netflix也用不了，頁面能載入出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版本的網站。

最後，有哪些童鞋有興趣的可以拿自家產品來玩看看，沒有了CSS，沒有了JS，我們平時研發的產品會怎麼樣呢？

關於本文

譯者：@魯行雲

譯文：https://sdk.cn/news/7070

作者：@sonniesedge

原文：https://sonniesedge.co.uk/blog/a-day-without-javascript

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！