本次 Firefox Quantum 差異不僅在以 Rust 語法重寫 CSS 引擎,並更能對應與運用目前多核心處理器的多線程執行力,提升瀏覽器的整體運算效能,一言以蔽之就是效能提升啦,以 Mozilla 自行測試的結果來看,Quantum 的速度比起舊版(Firefox 52)快上兩倍,記憶體佔用程度也比 Chrome 低 30%;另外,也使用了新的 Photon(光子)介面,相較舊版的 Firefox 真的改變非常多。
本篇也將以一般使用者的角度出發,看看 Quantum 使用上的諸多特色,以及前代和競品差異和反應速度等變化;比較高階的網頁設計或工程師使用層面上這邊就不會有太多著墨。(小編不想班門弄斧啊)
◆使用介面
Quantum 在內部的改變雖說要使用時才有感受,不過外在也因導入新型 Photon 介面,打開主程式後就能發現與舊版的巨大差別。Quantum 在開始頁共含有搜尋列、熱門以及精選網站;而舊版的開始頁則具備搜尋欄、以及下方的眾多選項可選,類似精選網站的分頁群,則需要另開新分頁才會出現。
- 新版開始頁
- 舊版開始頁
- 須額外開新分頁才有精選網頁
另外,第一次開啟 Quantum 時也提供淺顯易懂的新手教學,算是相對貼心。
- 導覽1
- 導覽2
- 導覽3
- 導覽4
- 導覽5
- 導覽6
▍從圖像變文字化的介面選單
在上方的網頁與搜尋列,以及介面欄位 Quantum 與舊版位置算是差不多,不過 Quantum 在圖案設計上稍有不同之餘;打開最右方的介面選單,就能發現 Quantum 從原先舊版 Firefox 圖像化為主的功能按鍵,改為文字為主(還是有圖案啦)的設計。這個變化的好壞就見仁見智了,小編是比較喜歡直覺一點的圖像化啦。
- 新版介面選單
- 舊版介面選單
▍網址列整合截圖功能
Firefox 無論新舊版本,網址列也同時搜尋功能整合,並會顯示先前可能看過的網站、建議搜尋結果與網址等。比較特別的是,在網址列右方的「‧‧‧」功能欄位中,一次把書籤(主功能位於右方)、複製與傳送連結,還有截圖功能整合。
- 網址列右方多了整合選單
- 右側功能鍵一樣存在
- 左側分頁也沒變
- 網址和搜尋列可同步顯示
- 新版截圖多了兩個功能
- 能擷取可見範圍
- 一樣可拖曳指定範圍
- 舊版截圖頁面
- 截圖可置於雲端空間
- 不過有保存期限
▍可將網頁一把抓的收藏庫
年初時 Mozilla 收購了一款書籤與稍後略讀的服務 Pocket,收藏庫也算是這款服務的體現。點入會出現書籤、瀏覽歷史、下載項目、截圖,以及近期看過的網頁等功能;在剛剛提到的功能欄位中,也能利用存至Pocket 清單的方式,把網頁儲存稍後在閱讀;也算是對類似功能做了精細分類。
- 整合相關功能的收藏庫
- 可將類似功能一次掌握
▍更具彈性的自訂工具列
Firefox 與其他瀏覽器最大的不同處,應該就屬可調的超彈性自訂功能,這項的特性在 Quantum 上也能看見。新版自訂功能一樣主打可把不同功能拖曳至右方的介面選單、或是標題、搜尋列的左、右方,甚至再搭配靈活空間也行,可說能完全按照個人需求打造瀏覽器介面;不過筆者還是比較喜歡圖像化的介面選單就是了。
- 自訂工具列有些微變化
- 功能鍵可任意拖曳至上方
- 或是整合至右側的介面選單
- 一樣有佈景主題可調
- 標題列可換成舊款設計
- 標題列可換成舊款設計
- 功能鍵可調疏密
- 多了可拖曳移動的區塊
▍設定介面
Quantum 在內部設定的功能上,除了介面也順應光子設計風格所改變,像是隱私、一般瀏覽等功能調整大致與舊版沒什麼不同。不過這邊也特別介紹一下,Quantum 或是舊版都能藉由搜尋設定,更改網址、搜尋列出現的結果,且還能按需求自行選擇想要的搜尋引擎,也算是與其他瀏覽器不太相同的特點。
- 一般設定1
- 一般設定2
- 一般設定3
- 一般設定4
- 一般設定5
- 搜尋列可獨立出來
- 可自選其他搜尋引擎
▍擴充工具
在 Quantum 推出測試版前,Mozilla 其實就有宣告要把原本舊版 Firefox 的 Legacy add-on System 支援性移除,以後將僅支援採用 WebExtenstion API 的附加元件。這也表示在成功更新 Quantum 後,可能會有一大票的擴充元件無法使用。
不過 Quantum 也提供了「傳統擴充套件」頁面,可以快速比對舊版、無法使用的附加元件,點擊尋找替代套件就能找到類似功能的產品。但不是每個開發者都願意因應這項政策,萬一自己已經習慣很久的插件不再更新,也能看出 Mozilla 或許是為了瀏覽器的速度與效能考量,在擴充元件上犧牲了自訂樂趣。
- 不能沿用的舊套件會獨立顯示
- 可找尋替代的類似功能套件
◆效能測試
談完了 Quantum 在外型、介面上的變化,接下來也利用影片方式,針對 Google 搜尋、開啟網頁,以及 Youtube 等三項測試,對比 Quantum 與假想敵 Chrome 兩者間的差別。本次測試採用的設備是 2014 年中的 Macbook Pro,並連接一般家用 Wi-Fi、兩個瀏覽器運作時,也並無開啟其它應用程式。
由於兩個影片時間軸和點擊的順序有些不同,因此還是有一些時間不同步的問題;不過以 Google 搜尋當作測試基準的話,結果看起來 Quantum 的讀取速度還是比 Chrome 快一些些。
至於開啟網頁時,小編是以 01 網站作為測試基準。從下方影片中可發現 Quantum 在讀取有圖片的網站時,整體的讀取速度和反應也比起 Chrome 快,看到右方圖片的讀取狀況就可發現兩者差異。
再來則是模擬一般情境時常用的影片平台 Youtube 做測試,從下方的示範影片可以發現(已經很努力把時間軸同步了),Quantum 在 Youtube 的讀取速度與反應相較 Chrome 快上不少,不過影片則是因為小編自己的網路問題,播放起來還是有點卡卡。
◆結論
以一般使用網路的輕度使用者來看,Firefox Quantum 在效能、速度的表現上確實有讓人眼睛一亮的表現,加上討喜、自定義程度高的介面設計,都算是讓人加分的小細節。不過對於舊版長期的使用者來說,遇到那麼大的改變,多少一定也有陣痛期。其中擴充插件改用 WebExtensions API 的狀況之下,不少舊套件可能就再也不更新,只能找尋替代方案,對已經打造「屬於自己」瀏覽器的老玩家來說,可能就會不太習慣。