電腦 comment

全新設計、效能逆襲!Firefox Quantum瀏覽器試用報告

person icon Martin 2017-11-23
網路瀏覽器在目前的選擇算是相對多元,除了跟隨原生作業系統的 Apple Safari 與微軟的 Edge,由 Google 開發的 Chrome 和 Mozilla 推出的 Firefox,也算目前比較多人會選擇的瀏覽器。而 Mozilla 也於 9 月發表堪稱歷來最大改版的 Firefox Quantum 瀏覽器測試版(版號為 57),正式版本也於近期登場。



本次 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 無論新舊版本,網址列也同時搜尋功能整合,並會顯示先前可能看過的網站、建議搜尋結果與網址等。比較特別的是,在網址列右方的「」功能欄位中,一次把書籤(主功能位於右方)、複製與傳送連結,還有截圖功能整合。

網址列右方多了整合選單

右側功能鍵一樣存在

左側分頁也沒變

網址和搜尋列可同步顯示


截圖功能其實舊版 Firefox 後期(56 版)就有配置,在 Quantum 上操作方式也差不多,一樣自由拖曳或是擷取網頁特定區塊外,在「我的截圖」一旁也多了儲存可見範圍與儲存完整頁面。對簡報製作或是小編一樣的人來說,算是相對實用。

新版截圖多了兩個功能

能擷取可見範圍

一樣可拖曳指定範圍

舊版截圖頁面


在完成截圖後,也能直接下載至電腦,抑或是儲存到 Firefox 的「我的截圖」雲端空間、並保存 14 天,也算是一個節省空間的做法。

截圖可置於雲端空間

不過有保存期限


▍可將網頁一把抓的收藏庫



年初時 Mozilla 收購了一款書籤與稍後略讀的服務 Pocket,收藏庫也算是這款服務的體現。點入會出現書籤、瀏覽歷史、下載項目、截圖,以及近期看過的網頁等功能;在剛剛提到的功能欄位中,也能利用存至Pocket 清單的方式,把網頁儲存稍後在閱讀;也算是對類似功能做了精細分類。

整合相關功能的收藏庫

可將類似功能一次掌握


▍更具彈性的自訂工具列



Firefox 與其他瀏覽器最大的不同處,應該就屬可調的超彈性自訂功能,這項的特性在 Quantum 上也能看見。新版自訂功能一樣主打可把不同功能拖曳至右方的介面選單、或是標題、搜尋列的左、右方,甚至再搭配靈活空間也行,可說能完全按照個人需求打造瀏覽器介面;不過筆者還是比較喜歡圖像化的介面選單就是了

自訂工具列有些微變化

功能鍵可任意拖曳至上方

或是整合至右側的介面選單


Quantum 的自訂工具列與舊版相比可用的功能更多,佈景主題也一樣有暗色可選、標題列也能改為舊版的白色風格。

一樣有佈景主題可調

標題列可換成舊款設計

標題列可換成舊款設計


另外,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 的狀況之下,不少舊套件可能就再也不更新,只能找尋替代方案,對已經打造「屬於自己」瀏覽器的老玩家來說,可能就會不太習慣。
前往