相關文章

Ab5c1d849b67a7426e5cdd873200307c 在上週一,科技網站The Verge發表了一篇文章,批評現在的行動端瀏覽器爛透了(The mobile web sucks),引起很多人的共鳴。在這篇文章中,作者表示雖然去年TheVerge的流量有70%來自行動端,而且,未來看似還會增長,但是作者Nilay Patel堅定地表示,自己討厭用手機瀏覽網頁。

The Verge:手機的瀏覽器都爛透了!

Nilay Patel說在手機上瀏覽網頁的體驗非常糟糕,使用者體驗和性能都非常差。

「我的iPhone 6 Plus上的Safari是個速度緩慢、bug重重、經常崩潰的東西」,而且iPhone 1G的記憶體經常捉襟見肘。Android手機上的Chrome也沒好到哪兒去,使用Chrome的體驗就像「一隻鄉下的老鼠迷失在大城市裡」。

Nilay做了個對比,他拿出了2007年生產的MacBook Pro,直接執行最新版的Chrome,這個多年前的產品,瀏覽網頁的體驗和速度依然直接秒殺iPhone 6 Plus。而如果你光從硬體效能來看,照道理講,iPhone 6 Plus的硬體規格應該相當於2012年11吋 Macbook Air才對。

為了更好的閱讀體驗,Facebook和多家媒體合作推出了Instant Articles,使用者可以直接在Facebook頁面上看新聞全文,而不用跳回應新聞網站;同樣的,蘋果和媒體合作,推出了蘋果新聞(Apple News)。

在Nilay看來,這就是眾家科技廠商,對瀏覽行動網路的直接反擊。

「身處一家媒體,僅僅為了讓讀者看到你的內容,就必須在技術上花費很多精力,那又談何創新呢?」

對很多網站來說,行動瀏覽器很多時候只是個無奈之選。就像他所說,在桌面端,App其實沒那麼重要,因為瀏覽器就已經提供完美的體驗;但是在行動端,各家廠商的App就顯得不可或缺,因為用行動端的瀏覽器去看網頁,實在是太痛苦了。

 

Mozilla :爛的是你們的網站!

但是,這一切只是因為行動端瀏覽器太爛嗎?

在The Verge的文章發出後,明明沒被文章中提到,但是Mozilla的Les Orchard卻自己跳出來,在自己的部落格做了回應:是The Verge的網頁爛透了(The Verge’s web sucks)!

Les Orchard 用Firefox的開發者工具檢測瀏覽器,測試了一下Nilay Patel抱怨的行動瀏覽器的這篇文章,發現這篇文章的HTML本身只有75kb,但是接下來的7秒鐘,這個網頁又發出了20個請求,傳回的檔案總共大小為1.4MB。

這個傳過來的1.4MB檔案,是因為The Verge的頁面很華麗。不過,這基本上問題不大。

但是再接下來,Les Orchard發現瀏覽器依然沒有停止載入,在接下來的30秒後,頁面共發出了263個HTTP請求,這次傳回的檔案大小達到了9.5MB。性能分析最終顯示,瀏覽這個網頁,瀏覽器總共下載了12MB的資料,其中超過 7MB是JavaScript檔。

好,問題來了,那一篇文章中Nilay Patel抱怨的內文不過1600多字,加上一些引用和幾張圖片,頂多不到200kb,那為什麼最終收到了12MB的檔案?

Les Orchard對所收到的資料進行了分析發現,發現這張網頁上有多達22個廣告追蹤軟體。其中包括Google、亞馬遜以及各種協力廠商廣告追蹤系統。

Les Orchard提出了一個問題:「瀏覽器到底是用來幹嘛的?」

他認為,The Verge如果抱怨瀏覽器的性能不夠強,那就不應該濫用廣告追蹤軟體消耗瀏覽器的大部分性能。

事實上,不光是The Verge,這正是今天整個Internet面臨的一個問題:網站一方面譴責用戶使用廣告遮蔽工具,另一方面他們卻濫用使用者的信任,在頁面內嵌入了無數的廣告追蹤軟體,來破壞瀏覽器的效能。

 

那麼,到底該怎麼辦呢?

Les Orchard提出了一個有趣的想法,從商業角度來看這件事。現代人普遍認為,在免費的前提下,可以允許在網站上看到的廣告,接受越來越多越龐大的網頁佔據我們的瀏覽器,影響瀏覽網頁的效能。那麼,對網站商來說,假設認為你的廣告價值大約在每月6.2美元,那應該要允許讀者,每月付款6.2美元,來享受沒有追蹤軟體的網頁。

身為讀者的你,你願意嗎?

 

使用 Facebook 留言

Shinwill
1人給推

1.  Shinwill (發表於 2015年7月31日 05:01)
其實我正想講,我的因應之道是
在三種平台 ( Windows、Android、iOS )
各準備好一個把 JavaScript 開啟與關閉的瀏覽器

Windows 是 FireFox 開啟 / IE 關閉
Android 是 Chrome 開啟 / 預設瀏覽器關閉
iOS 是 Chrome 開啟 / Safari 關閉

以上也可依興趣自由變換

當你用開啟 JavaScript 的瀏覽器正常瀏覽網站
卻發現某網站回應很慢時
馬上改用你準備好的已關閉 JavaScript 的瀏覽器
又會順得像飛的一樣 <( ̄︶ ̄)>
Shinwill
1人給推

2.  Shinwill (發表於 2015年7月31日 05:04)
而且差距還蠻大
以 Techbang 為例子
關閉 JavaScript 的瀏覽器看文章都是點了秒開
開啟 JavaScript 的瀏覽器就硬是要等

有人說得沒錯
貴站也不遑多讓 <( ̄︶ ̄)>
ulyssesric
1人給推

3.  ulyssesric (發表於 2015年7月31日 10:28)
※ 引述《Shinwill》的留言:
> 有人說得沒錯
> 貴站也不遑多讓 <( ̄︶ ̄)>

T 客邦至少關閉 Javascript 內文排版還不會亂,
有一些網站不曉得在想什麼,
連內文排版的 CSS 都是用 JS 去產生,
那種就超慘。
Shinwill
1人給推

4.  Shinwill (發表於 2015年7月31日 16:35)
※ 引述《ulyssesric》的留言:
>
> T 客邦至少關閉 Javascript 內文排版還不會亂,
> 有一些網站不曉得在想什麼,
> 連內文排版的 CSS 都是用 JS 去產生,
> 那種就超慘。

那這樣更好
從此以後這家網站就會被我列為拒絕往來戶
反正你也沒有什麼了不起的資訊一定要我在這裡看
我為什麼要來這裡被你的爛 JavaScript 荼毒?

使用者為大
多尊重使用者吧
不要讓關閉 JavaScript 變成以後瀏覽器的顯學
希望 Techbang 不要淪落到這種下場才是 ╮(╯_╰)╭

發表回應

謹慎發言,尊重彼此。按此展開留言規則