大遲到的 IE9 Beta 評測


沒事被嗯嘻嘻找碴的黑狗美女來了!這次 IE9 Beta 除了相容度、HTML5 的強力支援,究竟還有帶來啥不一樣的改變呢?上週大家初次下載應該都會發現的部份,就是 IE9(Beta)在執行的速度變快、順了,另外受惠於 GPU 硬體加速,一些原本很吃硬體資源的網路影片播放等內容,也都有很大程度的改善;而操作使用上跟 UI 方面,也多了 "網頁釘選" 以及 "One Box" 網址 / 搜尋欄等;至於 IE9 未來是否真能擔綱(除了歐洲區以外)Windows 預載瀏覽器,而不僅是被拿來當作其他瀏覽器的『下載瀏覽器』,甚至說值不值得大家下載來跟 Firefox、Chrome 等並用,就讓我們看下去吧!

外觀設計以及使用者介面


『解放網路界的美女』是微軟對於這次 IE9 Beta 的註解,雖然這看也知道是廣告上的用語,但至少這次不算是不實廣告;微軟可以說是終於了解到瀏覽器是拿來看網頁這回事,而不是讓大家欣賞上面那排『美麗』的工具列、外掛,從上面的截圖就可以看出來,這次的外灌設計確實簡潔了『很多』,畫面也終於是以網頁的顯示內容為主,整體的『視野』,根據官方說法以及實際看上去的狀況,也比 Firefox 瀏覽器呈現的網頁畫面多了幾公分的可看性,不過跟 Chrome 相比,依舊是小輸,不過其實也沒輸到哪理去。

其他瀏覽器元件配置上的改變,用肉眼也很容易觀察出來,上排的功能選單欄(檔案、編輯啥的)被拿掉,而將主要的空間讓給了功能 / 導覽欄(上一頁、下一頁、One Box 網址 / 搜尋輸入欄位等等),很多人會說他看起來像 Chrome,沒錯!就是這樣!不過周圍設計上面,似乎是比目前的 Chrome 稍微華麗一點,至於各位買不買帳,那就看個人喜好啦!另外網頁相容性測試按鍵、重新整理、停止下載網頁等功能按鍵,則丟到了網址欄的屁屁,功能/ 導覽欄最前方則是多了我的最愛、網頁設定工具等。

外觀設計上面,還有些讓人看起來很舒服的改變,一是功能 / 導覽欄上頭上一頁 / 下一頁按鍵的顏色,會隨著不同網頁顯示的主色調而改變(一如開啟 Gmail 就會變成紅色),另外網頁的外框的透明玻璃配色,也跟 Windows 7 相當的搭嘎。

新功能特色


外觀上面來說,微軟確實是把 IE9 多餘的腋毛 鬍渣(小編你是來亂的嗎?官方都說 IE9 是美女了!)都刮的差不多了,但同時也增加了許多有用的新功能,有些可以讓網頁瀏覽的使用更簡便,有些則是讓 IE9 跟 Windows 7 間(或是 Vista,別忘了 IE9 不支援 Windows XP)的整合更完善;以下簡列這次多出的新功能,另外也分享一下初步的使用心得;

  • 網頁釘選 - Windows 7 的使用者對於『程式捷徑釘選』這個功能應該都不會太陌生,IE9 則是讓網頁捷徑也可以被釘選在工作列上頭,這功能的好處是說,如果各位是臉書、噗浪(Twitter)不 24 小時開著就會不舒服的朋友,或者是常常因為手殘,而在關單一分頁會『順便』把一堆分頁關掉的朋友,不妨可以將一些需要一直開啟的網頁直接釘選到工作列上頭,一方面可以讓臉書、噗浪當作獨立的程式軟體來看,另一方面也可以讓目前開啟的重要網頁不會被誤殺,對於整體的工作效率也會有一定的改善。(不過一直點臉書、噗浪玩、看,那就是另一個故事了!)而目前有些網站甚至將部份的操作選項跟釘選的捷徑結合,一如上圖的 Twitter,右鍵點選捷徑圖示就會顯示 Direct Mentions、Mentions 等操作,未來應該也會有更多的網站將該功能寫入自家的網頁中。

  • One Box – 基本上最大的意義就是把網頁輸入、搜尋、搜尋設定相關所有東西,都打包在網址 / 搜尋欄當中,預設的瀏覽器當然還是 Bing,不過在下方可以直接切換,看是要 Google、Wikipedia、Amazon、Facebook 等等都可以,要是沒看到常用的搜尋服務(Yahoo!?),也可以直接按『Add』來新增;至於預設的 Bing 方面,主站編輯說他越來越欣賞這傢伙,他覺得其實 IE9 當中的 Bing 的搜尋建議,其實弄的蠻不錯的,好比說輸入 "Weather NYC" 就會在搜尋欄中顯示紐約市的即時溫度、天候狀況,輸入 Hilary 則會有名人的照片配上建議的關鍵字出現(上圖);另外當然還可以顯示搜尋歷史紀錄。

  • 分頁 – 這現在已經是瀏覽器裡頭必備的東西,IE9 這次則是讓分頁跟瀏覽體驗有更加完美的整合,好比說在收看 YouTube 影片的時候,將分頁從一票分頁中拉出來獨立在另一個視窗中顯示,絕大部分時候都不會影響到影片播放的狀況;另外 IE9 也可以跟 Chrome 一樣,當有一個分頁掛掉的時候,可以單獨將該分頁『喀喳』,而不會拖其他分頁下水,這部份則可以在工作管理員當中進行。另外分頁的開啟頁面也會列出常瀏覽的網頁以及一個顯示使用者造訪該網頁頻率的量表。

  • 檔案下載管理 - 這顯然早該有的東西,這次微軟也終於是放上了 IE9,使用上面就跟大家在 Firefox 上看到的差不多,會列出曾經下載過的檔案以及正在下載的檔案、下載進度等資訊,不過目前有些奇怪地方,一如圖片下載似乎沒有顯示在下載列表當中;而檔案下載的安全性部份,微軟這次也整合到了下載管理當中,透過一個叫做 SmartScreen Filter 的小功能,會在視窗中即時顯示警告,不會另外跳出一個小視窗,這也算是頗貼心的改善。

效能



上述的一票新功能、改善,確實讓 IE9 比起過去在操作上都要好上許多,然而在瀏覽器的執行速度上面,根據微軟的說法,也同樣有相當的進步;除了對於 HTML5 影片的奧援,另外也有嶄新的『查克拉』JavaScript 引擎,還有 CSS3、SVG2 甚至是 GPU 硬體加速等等,但實際的狀況真的一如微軟說的那樣嗎?

根據主站編輯的使用經驗,答案是,微軟真的做到了!首先是說,IE9 在初次開啟時會詢問使用者是否要『加強瀏覽速度後再開啟』,如果選擇是,那就會自動將工具列、外掛給停用,不需要在 IE 裡面翻箱倒櫃,來找停用工具列、外掛的選項,另外也會提示各個外掛對於瀏覽器開啟上的影響,像是會增加多少開啟時間等;這麼有彈性跟人性化的設計,微軟都不微軟了!

而把工具列、外掛拿掉跟瀏覽器開啟速度上的關聯性,目前也太不容易去客觀認定,但是 IE9 在開啟的速度方面,確實有些改善;在以 Alienware M11x 測試的結果,從開機後不久立刻打開 IE8(外掛、工作列關閉)花了大約 9.2 秒,而在 IE9 上則是 8.7 秒,不過目前看上去還是落後 FF 跟 Chrome 不少,但是至少算是有進步了。(測試使用碼錶『人力』操作,算三次平均)

網頁開啟 / Google.com

IE8

9.2 seconds

IE9

8.72 seconds

Firefox 3.6

6.13 seconds

Chrome 6.0.4

3.59 seconds


下列的網頁下載速度雖然不見得可以實際反應瀏覽器的執行速度,不過 IE9 用起來真的是有比較快,在同一個視窗下以分頁開啟一般網頁(寫寫稿)、Pandora 聽聽音樂、用 Meebo 聊聊天、開啟 RSS 看看新聞、收收 Gmail...等等,用起來的感覺,可以說是比 IE8 快上許多;網頁讀取的相容性方面,目前也沒有發現啥大問題,從 Meebo、Hulu、Flickr、Picasa 及 Netflix 都可以正常使用,那顆相容性測試按鍵,目前主站編輯也還沒用過;至於跟 Firefox、Chrome 比起來呢?前者感覺上差不多,後者也沒有輸很多,不過在網頁的下載顯示方面,Chrome 還是無法被撼動。


NYTimes.com

MSNBC.com

Hulu.com

YouTube.com

IE9

5.48 seconds

6.36

4.59

6.08

Firefox 3.6

6.33 seconds

9.98

5.97

6.06

Chrome 6.0.4

6.41 seconds

5.18

3.89

5.62


另一點值得一提的部份,是說 IE9 不僅不會讓系統變慢,目前看上去吃記憶體的程度也不會太兇,在 M11x 上測試的結果,開啟四個分頁(Pandora、Firefox、Gmail 及 Engadget)時,約佔了 124,680KB,Firefox 3.6 為 101,180KB,Chrome 則是 136,768KB。

Benchmarks

上面的個人主觀體驗,可能對某些朋友來說沒啥說服力,以下就來看看數據吧!從各項看來,IE9 看來都是略勝 Firefox(3.6,但跟 FF 4 Beta 5 間也頗有得拼)打,不過 Chrome 還是跑在前面。

為了讓 Benchmark 的結果更有參考性一點,這次也拉了三台筆電參與測試,當中包括 Alienware M11x(1.06Hz Core i5 520UM、2GB RAM、NVIDIA GeForce GT 335M GPU / 1GB VRAM)、ASUS Eee PC 1215N(Intel Atom D525、1GB RAM、NVIDIA Ion 晶片組)以及 HP Envy 17(1.6GHz Core i7 Q720、6GB of RAM、ATI Mobility Radeon HD 5850 / 1GB VRAM)

SunSpider JavaScript – 測試 JavaScript 的執行效能,數字低者勝


Acid3 –
相容性、JavaScript,越接近 100 越好

ASUS Eee PC 1215N

Alienware M11x

HP Envy 17

IE9

95

95

95

Chrome 6.0.4

100

95

100

Firefox 3.6.9

94

94

94

Firefox 4 Beta 5

97

97

97



PeaceKeeper –
測試依照一般網頁內容常用程式碼撰寫出的測試頁面以及 JavaScript 測試,分數越高越好


GPU 硬體加速以及 HTML 5 執行效能


上頭的 Benchmark 指標看完後,其實還有些東西暫時無法被呈現出來,包括 GPU 硬體加速以及 HTML5 的部份,主站編輯特別也選擇在幾台具有獨立顯卡的筆電上面(M11x、Envy 17)進行測試;另外由於目前沒有太多包括一票多媒體元件的 HTML5 網頁可以跑測試,因次主站編輯則是用了微軟官方的測試頁面來進行。

GPU 硬體加速的部份,在以 JavaScript 建構的 Amazon Shelf demo 上測試的結果,可以說是相當驚人(請參考以下影片);在 M11x 開啟 GPU 測試的狀況,可以跑到 60fps(翻頁的時候則為 55fps),GPU 一旦停用,結果則是變得相當卡,約在 16fps(翻頁約 9fps),一點要留意的地方,是說 NVIDIA Optimus 在開啟 IE9 後,也會自動啟用獨顯,目前兩家公司還在微調中,未來會讓使用者可以自行依據需求設定;至於在其他的瀏覽器狀況如何呢?Chrome 6.0.4 以及 Firefox 3.6 目前還無法利用 GPU 硬體加速,而在這樣的狀況下,跑出來的數據為 6fps;而用了支援 GPU 硬體加速的 Firefox 4 Beta 5,則同樣可以上衝到 60fps;然而目前硬體加速的頁面,看上去都不見得能夠反應一般網頁的實際狀況,所以上面那些驚人的表現就僅能供大家參考囉!



至於 HTML5 的部份,就比較貼近一般 HTML5 網頁的內容跟使用,從 IMDb 的 HTML 5 影片頁面上,不論是 IE9、Firefox 4(FF 3.6 不支援 H.264)及 Chrome 6.0.4,無論是否啟用獨立顯卡,影片的播放都相當順暢;在 Flash 頁面也可以得到類似的結果。


結論


終於到了最後的大結論,也就是 IE9 的用途;到底是該將 IE9 扶正,還是要繼續把他當作下載瀏覽器的瀏覽器呢?從使用者介面、外觀設計來看,不管大家說他有多像 Chrome(事實上還是有所不同,至少 Chrome 的上一頁 / 下一頁按鍵不會變色...),但他確實有些能讓使用者用起來更順手的新功能,整體執行速度雖然還是不見得能超越 FF、Chrome,但是已經有不小的改善;結論?看個人的習慣跟喜好,但絕對是值得大家下載來好好測試一番(相信目前為止,應該不少人都玩過一圈了...)。