From 30c2b39adccbdea7401cffab4133bfd060d396f3 Mon Sep 17 00:00:00 2001 From: unknown Date: Sat, 19 Dec 2020 22:52:47 +0800 Subject: [PATCH 1/6] initial version --- src/templates/zh-TW/2020/methodology.html | 476 ++++++++++++++++++++++ 1 file changed, 476 insertions(+) create mode 100644 src/templates/zh-TW/2020/methodology.html diff --git a/src/templates/zh-TW/2020/methodology.html b/src/templates/zh-TW/2020/methodology.html new file mode 100644 index 00000000000..90fc0844bdc --- /dev/null +++ b/src/templates/zh-TW/2020/methodology.html @@ -0,0 +1,476 @@ +{% extends "base/methodology.html" %} + +{% block title %}統計方法 | Web Almanac精粹至HTTP Archive{% endblock %} + +{% block description %}敘述2020年Web Almanac網路年鑑如何融合：資料集和工具與專案如何運作。{% endblock %} + +{% block twitter_image_alt %}{{ year }}Web Almanac統計方法{% endblock %} + +{% block index %} + +{% endblock %} + +{% block main_content %} +
+ + + + + + + + + + +

Overview

+ +

+ Web Almanac網路年鑑是由HTTP Archive組織的專案。HTTP Archive在2010年由Steve Souders創辦，任務目標為追蹤網路如何建構。它按月評估數以百萬的網頁並將TB位元數據置BigQuery供大眾分析。 +

+ +

+ Web Almanac網路年鑑的任務是將網路狀態成為公開的年度知識庫。我們的目標是透過主題專家的洞察語意讓網路社群無障礙的進入HTTP Archive資料庫。 +

+ +

+ Web Almanac網路年鑑2020年版共有四個部分：內文、體驗、發佈和傳遞。在這當中，每個章節都透過不同角度探索相關主題，例如第二部分探索使用者經驗在效能、隱私、無障礙網頁的各種角度。 +

+
+ +
+

關於資料集

+ +

+ HTTP Archive資料集每月持續更新數據，除各章節另有說明外，2020年版所有指標都來自2020年8月。這些結果可以透過設置BigQuery公共資料集的相關日期探索查詢，例如2020_08_01。 +

+ +

+ Web Almanac網路年鑑列示的指標可以透過執行BigQuery公共資料集後重現。你可以瀏覽所有章節使用的查詢在GitHub程式庫。 +

+ +

+ 備註，這些查詢需要相當大的資源，這可能比較昂貴，如果你自行查詢，BigQuery的帳單是以TB計價。這篇文章可以幫助你控管花費，請閱讀Tim Kadlec說明，如何不破產的使用BigQuery。 +

+ +

+ 例如，你可以瞭解JavaScript在桌機版與手機版網頁運行的中位數，請查閱01_01b.sql： +

+ +
+ {# To generate this markup temporarily add a ```sql code block to a chapter and generate that chapter and you'll get the HTML #} + 
#standardSQL
+# 01_01b: Distribution of JS bytes by client
+SELECT
+  percentile,
+  _TABLE_SUFFIX AS client,
+  APPROX_QUANTILES(ROUND(bytesJs / 1024, 2), 1000)[OFFSET(percentile * 10)] AS js_kbytes
+FROM
+  `httparchive.summary_pages.2019_07_01_*`,
+  UNNEST([10, 25, 50, 75, 90]) AS percentile
+GROUP BY
+  percentile,
+  client
+ORDER BY
+  percentile,
+  client
+
+ +

+ 每個指標的結果可以在各個章節對應的電子表格中公開查詢，例如JavaScript結果。滑動到各個章節的底部，你可以看到查詢、結果、和讀者評論的連結按鈕。 +

+
+ +
+

網站

+ +

+ 資料集共有7,546,709個網站，其中6,347,919個是手機版網站與5,593,642個是桌機版網站。大多數的網站都同時是桌機版和手機版的子集合。 +

+ +

+ HTTP Archive從Chrome UX Report獲取網站的URLs。Chrome UX Report是Google的公共資料集，集合Chrome活躍使用者訪問數以百萬網站的使用者經驗，這些網站列表反映著最新的真實網站使用狀況。Chrome UX Report資料集透過一個因子維數，取得所有桌機版與手機版使用者訪問的網站。 +

+ +

+ Web Almanac網路年鑑爬取2020年8月HTTP Archive的資料集，網站列表則是透過最近期202006的Chrome UX Report，在2020年7月14日發布，擷取6月分Chrome使用者瀏覽的網站。 +

+ +

+ 2020年被分析的網站有20-30%的增長，相較於2019年Web Almanac網路年鑑。你可閱讀這篇文章，Paul Calvano的分析：2020年網路使用的增長。 +

+ +

+ 礙於資源的限制，HTTP Archive只能測試Chrome UX report每個網站的單一網頁，協調平衡這點後我們只包括網站的主頁。這結果將導致些許偏差，因為一個主頁不能絕對地代表一整個網站。 +

+ +

+ HTTP Archive也被考慮成一個測試工具，它是透過數據中心測試網站，並不是從真實世界蒐集使用者經驗。所有的測試都基於一個處於登出狀態的空白快取主頁，這可能不能真實反映使用者是如何訪問它們。 +

+
+ +
+

指標

+ +

+ HTTP Archive蒐集數千個指標用來衡量網路是如何被建構。它包括基本的指標，像是網頁使用的位元數，網頁加載是否透過HTTPS，個別的請求，標頭反應。這些主要的指標都是由WebPageTest提供，它為每個網站提供測試路徑。 +

+ +

+ 其他的測試工具被用來測試更深入網頁的指標，例如，Lighthouse被用來檢查網頁並針對質量分析，像是無障礙性訪問和SEO評估。下面的工具章節會有更多詳細的說明。 +

+ +

+ 為填補實驗資料集的固有限制，Web Almanac網路年鑑在使用者經驗的指標評估，也確定使用Chrome UX Report，特別是網頁性能的方面。 +

+ +

+ 某些指標可能是無法完全衡量的，例如，我們可能沒有辦法絕對地偵測建構網站的工具，如果網站使用create-react-app建構，我可以說這是使用Reaat框架，但無法絕對地說是哪種特定工具被使用，除非這些工具在網站程式碼中留下可被偵測的軌跡，否則我們不能衡量它們絕對地使用情形。 +

+ +

+ 其他的指標是可以被絕對地衡量，但是可能具挑戰性或低可靠性，例如，網路的各種設計可以被視覺化表達，但卻難以量化，像是網頁是否具有崁入情感式的對話框。 +

+
+ +
+

工具

+ +

+ Web Almanac網路年鑑透過下列開源工具的幫助而創刊。 +

+
+ +
+

WebPageTest

+ +

+ WebPageTest是傑出的網路性能測試的工具，且是HTTP Archive的骨架。我們在私人測試代理下，使用私有實例透過真實的瀏覽器測試每個網頁。桌機版和手機版網站在不同的配置下進行測試： +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
配置桌機手機
設備Linux VM模擬Moto G4
使用者代理 + Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.105 Safari/537.36 PTST/200805.230825 + + Mozilla/5.0 (Linux; Android 6.0.1; Moto G (4) Build/MPJ24.139-64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.146 Mobile Safari/537.36 PTST/200815.130813 +
位置 + Redwood City, California, USA
+ The Dalles, Oregon, USA + 		+ Redwood City, California, USA
+ The Dalles, Oregon, USA +
連接Cable (5/1 Mbps 28ms RTT)3G (1.600/0.768 Mbps 300ms RTT)
Viewport1024 x 768px512 x 360px
+
+ +

+ 桌機版網站是在Linux虛擬機的Chrome環境中運行，網路速度相當於有線連接。 +

+ +

+ 手機版網站在模擬的Moto G4設備上運行，網路速度相當於3G連結。備註，模擬的手機版的使用者代理標示為Chrome 65，但實際的瀏覽器是Chrome 84。 +

+ +

+ 測試運行的位置有二個站點：California 和 Oregon USA。HTTP Archive維護它自己的測試代理硬體，位置在California的Internet Archive數據中心。另外一個測試代理是依據需要擴增，在Google Cloud Platform位於Oregon的us-west-1。 +

+ +

+ HTTP Archive在WebPageTest的私有實例保持與最新的公共版本同步，且增加使用自訂指標。在測試的尾聲透過片段的JavaScript評估每個網站。感謝許多數據分析的貢獻者，特別是熱血拋顱的Tony McCreath。Web Almanac網路年鑑2020年版致力拓展HTTP Archive的基礎測試架構功能，揮灑超過三千行的新程式碼。 +

+ +

+ 每個測試的結果都保存為HAR檔案，這是JSON格式儲存的檔案，包括網頁的位元數據。 +

+
+ +
+

Lighthouse

+ +

+ Lighthouse是針對網站品質評估的自動化工具，由Google創建。它檢查網頁是否阻礙使用者訪問資源的路徑，像是網頁是否有未優化的圖像和不可進入的內文。 +

+ +

+ HTTP Archive在所有手機版的網頁上運行最新的版本—但桌機版的網頁不被包括在內，因為資源的限制。在2020年8月的爬取，HTTP Archive使用6.2.0版本的Lighthouse。 +

+ +

+ Lighthouse在WebPageTest運行自己獨特的測試，但它擁有自己的配置概要： +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
配置數值
CPU降速1x/4x
下載速率1.6 Mbps
上傳速率0.768 Mbps
RTT往返時間150 ms
+
+ +

+ 你可以瞭解更多關於Lighthouse和在HTTP Archive的檢測評估，請參考Lighthouse開發者的文件。 +

+
+ +
+

Wappalyzer

+ +

+ Wappalyzer是偵測網頁所使用的技術工具。它有64個類別可以被用來偵測各種技術種類。從JavaScript框架到CMS平台，甚至是加密貨幣挖礦，被支持的科技超過一千四百多種。 +

+ +

+ HTTP Archive在所有網頁運行最新版的Wappalyzer。在2020年8月Web Almanac網路年鑑使用6.2.0版本的Wappalyzer。 +

+ +

+ Wappalyzer帶給許多章節動力，它分析開發者工具的受歡迎程度，像是WordPress、Bootstrap、和jQuery，例如，電商和CMS章節，它們非常仰賴Wappalyzer在偵測電商和CMS技術的類別。 +

+ +

+ 所有的偵測工具，包括Wappalyzer都不可避免有其侷限。它們結果的有效性總是攸關於其偵測機制的準確度。Web Almanac網路年鑑會在使用Wappalyzer的各個章節註釋，但基於特定的原因，分析可能沒有絕對地精準。 +

+
+ +
+

Chrome UX Report

+ +

+ Chrome UX Report是真實Chrome使用者經驗的公共數據集，根據網站的來源進行分類，例如https://www.example.com。資料集包括使用者經驗指標的分佈情形，像是繪製、下載、交互和布局穩定性。除了按月分組外，還會按維度劃分，像是國家地理位置、形式類型(桌機、手機、平板電腦)和有效連結類型(4G、3G等)。 +

+ +

+ Web Almanac網路年鑑指標參考Chrome UX Report中真實使用者經驗的數據，使用2020年8月資料集。 +

+ +

+ 你可以學習更多關於資料集的細節，在BigQuery使用Chrome UX Report的web.dev寶典。 +

+
+ +
+

Third Party Web

+ +

+ Third Party Web是一個研究專案，由Patrick Hulce創建，2019年Third Parties章節的作者，使用HTTP Archive和Lighthouse數據辨識和分析第三方資源對網路的影響。 +

+ +

+ 如果網域名稱出現至少50個獨特的頁面，則會被考慮是由第三方提供者。這個專案還將供應商按服務類型區分，像是廣告、分析和社交的類型。 +

+ +

+ Web Almanac網路年鑑的部分章節使用這個資料集的網域名稱和類型來瞭解第三方的影響力。 +

+
+ +
+

Rework CSS

+ +

Rework CSS是基於JavaScript的CSS解析器。它使用整個樣式表生成JSON解碼的物件，用來區別各個樣式規則、選擇器、程式碼和數值。 +

+ +

+ 這個特殊用途的工具顯著提高許多指標的準確性，在CSS章節，這讓分析工作順暢進行，透過解析和查詢CSS在每個頁面的外部樣式表和行內樣式區塊。相關細節請閱讀這篇，說明HTTP Archive如何透過BigQuery整合資料集的更多資訊。 +

+
+ +
+

Rework Utils

+ +

+ 今年CSS章節更詳細研究CSS的狀態，由Lea Verou主導，透過100+個查詢運行。這個觀點的查詢數量是2019年的2.5倍。為了讓這個規模的分析可行，Lea開源Rework Utils。CSS大部分的章節都來自這些程式碼腳本，這帶領JSON資料從Rework更進階，讓CSS更容易被分析洞察。 +

+
+ +
+

Parsel

+ +

+ Parsel是CSS解析的選擇器和特定的計算器，由CSS章節的主導者Lea Verou撰寫，並開源為獨立的資料庫，且廣泛應用於所有CSS相關的指標。 +

+
+ +
+

分析程序

+ +

+ Web Almanac網路年鑑攜手超過一百位網路社群的貢獻者，共同籌備壹年的時間在策劃和執行。這個章節描述為何Web Almanac選擇這些章節，這些指標如何查詢，且如何詮釋它們。 +

+
+ +
+

規劃

+ +

+ 2020年Web Almanac網路年鑑在2020年6月啟動，因為COVID-19和抗議集會的動盪，讓它晚於2019年預定的時程表。2020年的這些動盪事件衝擊整個流程，且也重壓著貢獻者，讓我們緊咬著超載的扁擔快節拍地前進。 +

+ +

+ 正如我們在去年統計方法的陳述： +

+ +
+ Web Almanac網路年鑑訂定一個明確目標計畫，期望鼓勵並包容更多異質聲浪和少數代表者擔任作者和同伴審稿者的腳色。 +
+ +

+ 為此，今年我們在評選作者的方式有著系統性的改變： +

+ + + +

+ 我們期望能夠在未來重複這些流程，並確保Web Almanac網路年鑑是具多樣化且包容性的專案，且貢獻者來自各種不同的背景。 +

+ +

+ 最後，在2020年7月，經過數次的腦力激盪與提名後，22個章節拍板定案。我們為每個章節召集內容團隊，包括作者、審閱者和分析者。 +

+
+ +
+

分析

+ +

+ 2020年7月和8月，在指標和章節的列表拍板後，數據分析師對指標的可行性進行篩選。在某些情況，自訂指標已經產生，且用來填補分析的能力。 +

+ +

+ 2020年8月，HTTP Archive的資料管道爬取數百萬個網站，蒐集Web Almanac網路年鑑需要使用的數據。 +

+ +

+ 資料分析師開始撰寫查詢並執行每個指標的結果。整體來說，這數百個查詢都是由人工親手撰寫累積！你可以在我們GitHub開源的資料庫query repository目錄下瀏覽所有的程式碼。 +

+
+ +
+

說明

+ +

+ 作者與分析者共同解釋正確地結果並得出適當的結論，並透過統計數據繪染支持網路狀態的架構來撰稿。審稿者與作者並肩合作，確保分析在技術的正確性。 +

+ +

+ 網路開發者和分析者聯手將資料視覺化地崁入章節，目的是讓讀者能更容易理解結果，並簡化某些視覺化的表達，讓結果更單純清晰，例如，僅顯示重點式的百分比，進而取代整個完整的散佈圖。除另有說明，所有分佈都是用百分位數彙總，特別是中位數(第50個百分位數)，並非平均值。 +

+ +

+ 最後，編輯者會微調文法錯誤並確保閱讀體驗的一致性。 +

+
+ +
+

展望未來

+ +

+ 2020年Web Almanac網路年鑑是第二版本，我們希望繼續成為網路社群的年度傳統，並承諾檢討改善。感謝眾多位貢獻者熱血拋顱的挹注養分，期望這讓更多的工作能發揮加乘效果，讓未來版本更簡化。 +

+ +

+ 如果你對貢獻Web Almanac網路年鑑2021年版有興趣，歡迎填寫興趣表格。讓我們一起並肩攜手，追蹤網路的點點滴滴吧！ +

+
+{% endblock main_content %} From da639089c8f9514bd021c308145c133ef0c104af Mon Sep 17 00:00:00 2001 From: Abby Date: Sun, 20 Dec 2020 00:40:17 +0800 Subject: [PATCH 2/6] add some blank space --- src/templates/zh-TW/2020/methodology.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/templates/zh-TW/2020/methodology.html b/src/templates/zh-TW/2020/methodology.html index 90fc0844bdc..ccfb40f3d4f 100644 --- a/src/templates/zh-TW/2020/methodology.html +++ b/src/templates/zh-TW/2020/methodology.html @@ -1,6 +1,6 @@ {% extends "base/methodology.html" %} -{% block title %}統計方法 | Web Almanac精粹至HTTP Archive{% endblock %} +{% block title %}統計方法 | Web Almanac 精粹至 HTTP Archive{% endblock %} {% block description %}敘述2020年Web Almanac網路年鑑如何融合：資料集和工具與專案如何運作。{% endblock %} From ff3612d253d47705bb0a9bfbe4f5a392291afb2d Mon Sep 17 00:00:00 2001 From: Abby Date: Sun, 20 Dec 2020 02:02:57 +0800 Subject: [PATCH 3/6] fix some tags --- src/templates/zh-TW/2020/methodology.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/templates/zh-TW/2020/methodology.html b/src/templates/zh-TW/2020/methodology.html index ccfb40f3d4f..51aa357d211 100644 --- a/src/templates/zh-TW/2020/methodology.html +++ b/src/templates/zh-TW/2020/methodology.html @@ -354,7 +354,7 @@

Third Pa

Rework CSS

-

Rework CSS是基於JavaScript的CSS解析器。它使用整個樣式表生成JSON解碼的物件，用來區別各個樣式規則、選擇器、程式碼和數值。

@@ -447,7 +447,7 @@

分析

-

說明

+

說明

作者與分析者共同解釋正確地結果並得出適當的結論，並透過統計數據繪染支持網路狀態的架構來撰稿。審稿者與作者並肩合作，確保分析在技術的正確性。 From 5d9262e77c2568d8e55d55c41e0ed6ee186983fe Mon Sep 17 00:00:00 2001 From: Abby Date: Mon, 21 Dec 2020 02:08:15 +0800 Subject: [PATCH 4/6] make some changes as CYBAI's suggestion. --- src/templates/zh-TW/2020/methodology.html | 140 +++++++++++----------- 1 file changed, 70 insertions(+), 70 deletions(-) diff --git a/src/templates/zh-TW/2020/methodology.html b/src/templates/zh-TW/2020/methodology.html index 51aa357d211..cf63096c7c0 100644 --- a/src/templates/zh-TW/2020/methodology.html +++ b/src/templates/zh-TW/2020/methodology.html @@ -2,9 +2,9 @@ {% block title %}統計方法 | Web Almanac 精粹至 HTTP Archive{% endblock %} -{% block description %}敘述2020年Web Almanac網路年鑑如何融合：資料集和工具與專案如何運作。{% endblock %} +{% block description %}敘述 2020 年 Web Almanac 網路年鑑如何融合：資料集和工具與專案如何運作。{% endblock %} -{% block twitter_image_alt %}{{ year }}Web Almanac統計方法{% endblock %} +{% block twitter_image_alt %}{{ year }} Web Almanac 統計方法{% endblock %} {% block index %}

    @@ -17,17 +17,17 @@
  • 工具
  • 分析流程 @@ -53,18 +53,18 @@ -

    Overview

    +

    總覽

    - Web Almanac網路年鑑是由HTTP Archive組織的專案。HTTP Archive在2010年由Steve Souders創辦，任務目標為追蹤網路如何建構。它按月評估數以百萬的網頁並將TB位元數據置BigQuery供大眾分析。 + Web Almanac 網路年鑑是由 HTTP Archive 組織的專案。HTTP Archive在2010年由Steve Souders創辦，任務目標為追蹤網路如何建構。它按月評估數以百萬的網頁並將TB位元數據置 BigQuery 供大眾分析。

    - Web Almanac網路年鑑的任務是將網路狀態成為公開的年度知識庫。我們的目標是透過主題專家的洞察語意讓網路社群無障礙的進入HTTP Archive資料庫。 + Web Almanac 網路年鑑的任務是將網路狀態成為公開的年度知識庫。我們的目標是透過主題專家的洞察語意讓網路社群無障礙的進入 HTTP Archive 資料庫。

    - Web Almanac網路年鑑2020年版共有四個部分：內文、體驗、發佈和傳遞。在這當中，每個章節都透過不同角度探索相關主題，例如第二部分探索使用者經驗在效能、隱私、無障礙網頁的各種角度。 + Web Almanac 網路年鑑2020年版共有四個部分：內文、體驗、發佈和傳遞。在這當中，每個章節都透過不同角度探索相關主題，例如第二部分探索使用者經驗在效能、隱私、無障礙網頁等各種角度。

@@ -72,19 +72,19 @@

Overview

關於資料集

- HTTP Archive資料集每月持續更新數據，除各章節另有說明外，2020年版所有指標都來自2020年8月。這些結果可以透過設置BigQuery公共資料集的相關日期探索查詢，例如2020_08_01。 + HTTP Archive 資料集每月持續更新數據，除各章節另有說明外，2020年版所有指標都來自2020年8月。這些結果可以透過設置 BigQuery 公共資料集的相關日期探索查詢，例如2020_08_01。

- Web Almanac網路年鑑列示的指標可以透過執行BigQuery公共資料集後重現。你可以瀏覽所有章節使用的查詢在GitHub程式庫。 + Web Almanac 網路年鑑列示的指標可以透過執行 BigQuery 公共資料集後重現。你可以瀏覽所有章節使用的查詢在 GitHub 程式庫。

- 備註，這些查詢需要相當大的資源，這可能比較昂貴，如果你自行查詢，BigQuery的帳單是以TB計價。這篇文章可以幫助你控管花費，請閱讀Tim Kadlec說明，如何不破產的使用BigQuery。 + 備註，這些查詢需要相當大的資源，這可能比較昂貴，如果你自行查詢， BigQuery 的帳單是以TB計價。這篇文章可以幫助你控管花費，請閱讀 Tim Kadlec 說明，如何不破產的使用 BigQuery 。

- 例如，你可以瞭解JavaScript在桌機版與手機版網頁運行的中位數，請查閱01_01b.sql： + 例如，你可以瞭解 JavaScript 在桌機版與手機版網頁運行的中位數，請查閱01_01b.sql：

@@ -107,7 +107,7 @@

關於資料集

- 每個指標的結果可以在各個章節對應的電子表格中公開查詢，例如JavaScript結果。滑動到各個章節的底部，你可以看到查詢、結果、和讀者評論的連結按鈕。 + 每個指標的結果可以在各個章節對應的電子表格中公開查詢，例如 JavaScript 結果。滑動到各個章節的底部，你可以看到查詢、結果、和讀者評論的連結按鈕。

@@ -119,23 +119,23 @@

網站

- HTTP Archive從Chrome UX Report獲取網站的URLs。Chrome UX Report是Google的公共資料集，集合Chrome活躍使用者訪問數以百萬網站的使用者經驗，這些網站列表反映著最新的真實網站使用狀況。Chrome UX Report資料集透過一個因子維數，取得所有桌機版與手機版使用者訪問的網站。 + HTTP Archive 從 Chrome UX Report 獲取網站的 URLs 。 Chrome UX Report 是 Google 的公共資料集，集合 Chrome 活躍使用者訪問數以百萬網站的使用者經驗，這些網站列表反映著最新的真實網站使用狀況。 Chrome UX Report 資料集透過一個因子維數，取得所有桌機版與手機版使用者訪問的網站。

- Web Almanac網路年鑑爬取2020年8月HTTP Archive的資料集，網站列表則是透過最近期202006的Chrome UX Report，在2020年7月14日發布，擷取6月分Chrome使用者瀏覽的網站。 + Web Almanac 網路年鑑爬取2020年8月 HTTP Archive 的資料集，網站列表則是透過最近期202006的 Chrome UX Report ，在2020年7月14日發布，擷取6月分 Chrome 使用者瀏覽的網站。

- 2020年被分析的網站有20-30%的增長，相較於2019年Web Almanac網路年鑑。你可閱讀這篇文章，Paul Calvano的分析：2020年網路使用的增長。 + 2020年被分析的網站有20-30%的增長，相較於2019年 Web Almanac 網路年鑑。你可閱讀這篇文章，Paul Calvano的分析：2020年網路使用的增長。

- 礙於資源的限制，HTTP Archive只能測試Chrome UX report每個網站的單一網頁，協調平衡這點後我們只包括網站的主頁。這結果將導致些許偏差，因為一個主頁不能絕對地代表一整個網站。 + 礙於資源的限制， HTTP Archive 只能測試 Chrome UX report 每個網站的單一網頁，協調平衡這點後我們只包括網站的主頁。這結果將導致些許偏差，因為一個主頁不能絕對地代表一整個網站。

- HTTP Archive也被考慮成一個測試工具，它是透過數據中心測試網站，並不是從真實世界蒐集使用者經驗。所有的測試都基於一個處於登出狀態的空白快取主頁，這可能不能真實反映使用者是如何訪問它們。 + HTTP Archive 也被考慮成一個測試工具，它是透過數據中心測試網站，並不是從真實世界蒐集使用者經驗。所有的測試都基於一個處於登出狀態的空白快取主頁，這可能不能真實反映使用者是如何訪問它們。

@@ -143,19 +143,19 @@

網站

指標

- HTTP Archive蒐集數千個指標用來衡量網路是如何被建構。它包括基本的指標，像是網頁使用的位元數，網頁加載是否透過HTTPS，個別的請求，標頭反應。這些主要的指標都是由WebPageTest提供，它為每個網站提供測試路徑。 + HTTP Archive 蒐集數千個指標用來衡量網路是如何被建構。它包括基本的指標，像是網頁使用的位元數，網頁加載是否透過 HTTPS 、個別的請求與標頭反應。這些主要的指標都是由 WebPageTest 提供，它為每個網站提供測試路徑。

- 其他的測試工具被用來測試更深入網頁的指標，例如，Lighthouse被用來檢查網頁並針對質量分析，像是無障礙性訪問和SEO評估。下面的工具章節會有更多詳細的說明。 + 其他的測試工具被用來測試更深入網頁的指標，例如， Lighthouse 被用來檢查網頁並針對質量分析，像是無障礙性訪問和 SEO 評估。下面的工具章節會有更多詳細的說明。

- 為填補實驗資料集的固有限制，Web Almanac網路年鑑在使用者經驗的指標評估，也確定使用Chrome UX Report，特別是網頁性能的方面。 + 為填補實驗資料集的固有限制， Web Almanac 網路年鑑在使用者經驗的指標評估，也確定使用 Chrome UX Report ，特別是網頁性能的方面。

- 某些指標可能是無法完全衡量的，例如，我們可能沒有辦法絕對地偵測建構網站的工具，如果網站使用create-react-app建構，我可以說這是使用Reaat框架，但無法絕對地說是哪種特定工具被使用，除非這些工具在網站程式碼中留下可被偵測的軌跡，否則我們不能衡量它們絕對地使用情形。 + 某些指標可能是無法完全衡量的，例如，我們可能沒有辦法絕對地偵測建構網站的工具，如果網站使用 create-react-app 建構，我可以說這是使用 Reaat 框架，但無法絕對地說是哪種特定工具被使用，除非這些工具在網站程式碼中留下可被偵測的軌跡，否則我們不能衡量它們絕對地使用情形。

@@ -167,15 +167,15 @@

指標

工具

- Web Almanac網路年鑑透過下列開源工具的幫助而創刊。 + Web Almanac 網路年鑑透過下列開源工具的幫助而創刊。

-

WebPageTest

+

WebPageTest

- WebPageTest是傑出的網路性能測試的工具，且是HTTP Archive的骨架。我們在私人測試代理下，使用私有實例透過真實的瀏覽器測試每個網頁。桌機版和手機版網站在不同的配置下進行測試： + WebPageTest 是傑出的網路性能測試的工具，且是 HTTP Archive 的骨架。我們在私人測試代理下，使用私有實例透過真實的瀏覽器測試每個網頁。桌機版和手機版網站在不同的配置下進行測試：

@@ -231,39 +231,39 @@

WebPageTest<

- 桌機版網站是在Linux虛擬機的Chrome環境中運行，網路速度相當於有線連接。 + 桌機版網站是在 Linux 虛擬機的 Chrome 環境中運行，網路速度相當於有線連接。

- 手機版網站在模擬的Moto G4設備上運行，網路速度相當於3G連結。備註，模擬的手機版的使用者代理標示為Chrome 65，但實際的瀏覽器是Chrome 84。 + 手機版網站在模擬的 Moto G4 設備上運行，網路速度相當於 3G 連結。備註，模擬的手機版的使用者代理標示為 Chrome 65 ，但實際的瀏覽器是 Chrome 84。

- 測試運行的位置有二個站點：California 和 Oregon USA。HTTP Archive維護它自己的測試代理硬體，位置在California的Internet Archive數據中心。另外一個測試代理是依據需要擴增，在Google Cloud Platform位於Oregon的us-west-1。 + 測試運行的位置有二個站點： California 和 Oregon USA。 HTTP Archive 維護它自己的測試代理硬體，位置在 California 的 Internet Archive 數據中心。另外一個測試代理是依據需要擴增，在 Google Cloud Platform 位於 Oregon 的 us-west-1。

- HTTP Archive在WebPageTest的私有實例保持與最新的公共版本同步，且增加使用自訂指標。在測試的尾聲透過片段的JavaScript評估每個網站。感謝許多數據分析的貢獻者，特別是熱血拋顱的Tony McCreath。Web Almanac網路年鑑2020年版致力拓展HTTP Archive的基礎測試架構功能，揮灑超過三千行的新程式碼。 + HTTP Archive 在 WebPageTest 的私有實例保持與最新的公共版本同步，且增加使用自訂指標。在測試的尾聲透過片段的 JavaScript 評估每個網站。感謝許多數據分析的貢獻者，特別是熱血拋顱的 Tony McCreath 。 Web Almanac 網路年鑑2020年版致力拓展 HTTP Archive 的基礎測試架構功能，揮灑超過三千行的新程式碼。

- 每個測試的結果都保存為HAR檔案，這是JSON格式儲存的檔案，包括網頁的位元數據。 + 每個測試的結果都保存為 HAR 檔案，這是 JSON 格式儲存的檔案，包括網頁的位元數據。

-

Lighthouse

+

Lighthouse

- Lighthouse是針對網站品質評估的自動化工具，由Google創建。它檢查網頁是否阻礙使用者訪問資源的路徑，像是網頁是否有未優化的圖像和不可進入的內文。 + Lighthouse 是針對網站品質評估的自動化工具，由 Google 創建。它檢查網頁是否阻礙使用者訪問資源的路徑，像是網頁是否有未優化的圖像和不可進入的內文。

- HTTP Archive在所有手機版的網頁上運行最新的版本—但桌機版的網頁不被包括在內，因為資源的限制。在2020年8月的爬取，HTTP Archive使用6.2.0版本的Lighthouse。 + HTTP Archive 在所有手機版的網頁上運行最新的版本—但桌機版的網頁不被包括在內，因為資源的限制。在2020年8月的爬取， HTTP Archive 使用6.2.0版本的 Lighthouse。

- Lighthouse在WebPageTest運行自己獨特的測試，但它擁有自己的配置概要： + Lighthouse 在 WebPageTest 運行自己獨特的測試，但它擁有自己的配置概要：

@@ -275,7 +275,7 @@

Lighthouse

- + @@ -287,7 +287,7 @@

Lighthouse

0.768 Mbps - + @@ -295,39 +295,39 @@

Lighthouse

- 你可以瞭解更多關於Lighthouse和在HTTP Archive的檢測評估，請參考Lighthouse開發者的文件。 + 你可以瞭解更多關於 Lighthouse 和在 HTTP Archive 的檢測評估，請參考 Lighthouse 開發者的文件。

-

Wappalyzer

+

Wappalyzer

- Wappalyzer是偵測網頁所使用的技術工具。它有64個類別可以被用來偵測各種技術種類。從JavaScript框架到CMS平台，甚至是加密貨幣挖礦，被支持的科技超過一千四百多種。 + Wappalyzer是偵測網頁所使用的技術工具。它有64個類別可以被用來偵測各種技術種類。從 JavaScript 框架到 CMS 平台，甚至是加密貨幣挖礦，被支持的科技超過一千四百多種。

- HTTP Archive在所有網頁運行最新版的Wappalyzer。在2020年8月Web Almanac網路年鑑使用6.2.0版本的Wappalyzer。 + HTTP Archive 在所有網頁運行最新版的 Wappalyzer 。在2020年8月 Web Almanac 網路年鑑使用6.2.0版本的 Wappalyzer。

- Wappalyzer帶給許多章節動力，它分析開發者工具的受歡迎程度，像是WordPress、Bootstrap、和jQuery，例如，電商和CMS章節，它們非常仰賴Wappalyzer在偵測電商和CMS技術的類別。 + Wappalyzer 帶給許多章節動力，它分析開發者工具的受歡迎程度，像是 WordPress 、 Bootstrap 、和 jQuery ，例如，電商和 CMS 章節，它們非常仰賴 Wappalyzer 在偵測電商和 CMS 技術的類別。

- 所有的偵測工具，包括Wappalyzer都不可避免有其侷限。它們結果的有效性總是攸關於其偵測機制的準確度。Web Almanac網路年鑑會在使用Wappalyzer的各個章節註釋，但基於特定的原因，分析可能沒有絕對地精準。 + 所有的偵測工具，包括 Wappalyzer 都不可避免有其侷限。它們結果的有效性總是攸關於其偵測機制的準確度。 Web Almanac 網路年鑑會在使用 Wappalyzer 的各個章節註釋，但基於特定的原因，分析可能沒有絕對地精準。

-

Chrome UX Report

+

Chrome UX Report

- Chrome UX Report是真實Chrome使用者經驗的公共數據集，根據網站的來源進行分類，例如https://www.example.com。資料集包括使用者經驗指標的分佈情形，像是繪製、下載、交互和布局穩定性。除了按月分組外，還會按維度劃分，像是國家地理位置、形式類型(桌機、手機、平板電腦)和有效連結類型(4G、3G等)。 + Chrome UX Report 是真實 Chrome 使用者經驗的公共數據集，根據網站的來源進行分類，例如 https://www.example.com 。資料集包括使用者經驗指標的分佈情形，像是繪製、下載、交互和布局穩定性。除了按月分組外，還會按維度劃分，像是國家地理位置、形式類型(桌機、手機、平板電腦)和有效連結類型(4G、3G等)。

- Web Almanac網路年鑑指標參考Chrome UX Report中真實使用者經驗的數據，使用2020年8月資料集。 + Web Almanac 網路年鑑指標參考 Chrome UX Report 中真實使用者經驗的數據，使用2020年8月資料集。

@@ -336,10 +336,10 @@

Chrome

-

Third Party Web

+

Third Party Web

- Third Party Web是一個研究專案，由Patrick Hulce創建，2019年Third Parties章節的作者，使用HTTP Archive和Lighthouse數據辨識和分析第三方資源對網路的影響。 + Third Party Web 是一個研究專案，由 Patrick Hulce 創建，2019年 Third Parties 章節的作者，使用 HTTP Archive 和 Lighthouse 數據辨識和分析第三方資源對網路的影響。

@@ -347,35 +347,35 @@

Third Pa

- Web Almanac網路年鑑的部分章節使用這個資料集的網域名稱和類型來瞭解第三方的影響力。 + Web Almanac 網路年鑑的部分章節使用這個資料集的網域名稱和類型來瞭解第三方的影響力。

-

Rework CSS

+

Rework CSS

- Rework CSS是基於JavaScript的CSS解析器。它使用整個樣式表生成JSON解碼的物件，用來區別各個樣式規則、選擇器、程式碼和數值。 + Rework CSS 是基於 JavaScript 的 CSS 解析器。它使用整個樣式表生成 JSON 解碼的物件，用來區別各個樣式規則、選擇器、程式碼和數值。

- 這個特殊用途的工具顯著提高許多指標的準確性，在CSS章節，這讓分析工作順暢進行，透過解析和查詢CSS在每個頁面的外部樣式表和行內樣式區塊。相關細節請閱讀這篇，說明HTTP Archive如何透過BigQuery整合資料集的更多資訊。 + 這個特殊用途的工具顯著提高許多指標的準確性，在 CSS 章節，這讓分析工作順暢進行，透過解析和查詢 CSS 在每個頁面的外部樣式表和行內樣式區塊。相關細節請閱讀這篇，說明 HTTP Archive 如何透過 BigQuery 整合資料集的更多資訊。

-

Rework Utils

+

Rework Utils

- 今年CSS章節更詳細研究CSS的狀態，由Lea Verou主導，透過100+個查詢運行。這個觀點的查詢數量是2019年的2.5倍。為了讓這個規模的分析可行，Lea開源Rework Utils。CSS大部分的章節都來自這些程式碼腳本，這帶領JSON資料從Rework更進階，讓CSS更容易被分析洞察。 + 今年 CSS 章節更詳細研究 CSS 的狀態，由 Lea Verou 主導，透過100+個查詢運行。這個觀點的查詢數量是2019年的2.5倍。為了讓這個規模的分析可行， Lea 開源 Rework Utils 。 CSS 大部分的章節都來自這些程式碼腳本，這帶領 JSON 資料從 Rework 更進階，讓 CSS 更容易被分析洞察。

-

Parsel

+

Parsel

- Parsel是CSS解析的選擇器和特定的計算器，由CSS章節的主導者Lea Verou撰寫，並開源為獨立的資料庫，且廣泛應用於所有CSS相關的指標。 + Parsel 是 CSS 解析的選擇器和特定的計算器，由 CSS 章節的主導者 Lea Verou 撰寫，並開源為獨立的資料庫，且廣泛應用於所有 CSS 相關的指標。

@@ -383,7 +383,7 @@

Parsel

分析程序

- Web Almanac網路年鑑攜手超過一百位網路社群的貢獻者，共同籌備壹年的時間在策劃和執行。這個章節描述為何Web Almanac選擇這些章節，這些指標如何查詢，且如何詮釋它們。 + Web Almanac 網路年鑑攜手超過一百位網路社群的貢獻者，共同籌備壹年的時間在策劃和執行。這個章節描述為何 Web Almanac 選擇這些章節，這些指標如何查詢，且如何詮釋它們。

@@ -391,7 +391,7 @@

分析程序

規劃

- 2020年Web Almanac網路年鑑在2020年6月啟動，因為COVID-19和抗議集會的動盪，讓它晚於2019年預定的時程表。2020年的這些動盪事件衝擊整個流程，且也重壓著貢獻者，讓我們緊咬著超載的扁擔快節拍地前進。 + 2020年 Web Almanac 網路年鑑在2020年6月啟動，因為 COVID-19 和抗議集會的動盪，讓它晚於2019年預定的時程表。2020年的這些動盪事件衝擊整個流程，且也重壓著貢獻者，讓我們緊咬著超載的扁擔快節拍地前進。

@@ -399,7 +399,7 @@

規劃

- Web Almanac網路年鑑訂定一個明確目標計畫，期望鼓勵並包容更多異質聲浪和少數代表者擔任作者和同伴審稿者的腳色。 + Web Almanac 網路年鑑訂定一個明確目標計畫，期望鼓勵並包容更多異質聲浪和少數代表者擔任作者和同伴審稿者的腳色。

@@ -414,7 +414,7 @@

規劃

所有2020年作者的擁護者都被特別要求，避免提名那些看法和想法同質的人選。
  • - 2019年的作者大部分都是Google的員工，今年我們試著從廣泛的網路社群中獲得平衡的觀點。Web Almanac網路年鑑中的聲音是反映著社群本身的音浪，並不會偏頗任何特定對象。 + 2019年的作者大部分都是Google的員工，今年我們試著從廣泛的網路社群中獲得平衡的觀點。 Web Almanac 網路年鑑中的聲音是反映著社群本身的音浪，並不會偏頗任何特定對象。
  • 專案主導者負責審查所有作者的提名，並致力挑選能夠帶來新觀點和擴大社群中微量聲音的作者。 @@ -422,7 +422,7 @@

    規劃

    - 我們期望能夠在未來重複這些流程，並確保Web Almanac網路年鑑是具多樣化且包容性的專案，且貢獻者來自各種不同的背景。 + 我們期望能夠在未來重複這些流程，並確保 Web Almanac 網路年鑑是具多樣化且包容性的專案，且貢獻者來自各種不同的背景。

    @@ -438,11 +438,11 @@

    分析

    - 2020年8月，HTTP Archive的資料管道爬取數百萬個網站，蒐集Web Almanac網路年鑑需要使用的數據。 + 2020年8月， HTTP Archive 的資料管道爬取數百萬個網站，蒐集 Web Almanac 網路年鑑需要使用的數據。

    - 資料分析師開始撰寫查詢並執行每個指標的結果。整體來說，這數百個查詢都是由人工親手撰寫累積！你可以在我們GitHub開源的資料庫query repository目錄下瀏覽所有的程式碼。 + 資料分析師開始撰寫查詢並執行每個指標的結果。整體來說，這數百個查詢都是由人工親手撰寫累積！你可以在我們 GitHub 開源的資料庫 query repository 目錄下瀏覽所有的程式碼。

    @@ -466,11 +466,11 @@

    說明

    展望未來

    - 2020年Web Almanac網路年鑑是第二版本，我們希望繼續成為網路社群的年度傳統，並承諾檢討改善。感謝眾多位貢獻者熱血拋顱的挹注養分，期望這讓更多的工作能發揮加乘效果，讓未來版本更簡化。 + 2020年 Web Almanac 網路年鑑是第二版本，我們希望繼續成為網路社群的年度傳統，並承諾檢討改善。感謝眾多位貢獻者熱血拋顱的挹注養分，期望這讓更多的工作能發揮加乘效果，讓未來版本更簡化。

    - 如果你對貢獻Web Almanac網路年鑑2021年版有興趣，歡迎填寫興趣表格。讓我們一起並肩攜手，追蹤網路的點點滴滴吧！ + 如果你對貢獻 Web Almanac 網路年鑑2021年版有興趣，歡迎填寫意願表格。讓我們一起並肩攜手，追蹤網路的點點滴滴吧！

    {% endblock main_content %} From 7a9abd42268a43d08c4d959df9c5c5bc868c3e1c Mon Sep 17 00:00:00 2001 From: Abby Date: Mon, 21 Dec 2020 21:39:22 +0800 Subject: [PATCH 5/6] make some stylish changes and declare hreflang attribute. --- src/templates/zh-TW/2020/methodology.html | 64 +++++++++++------------ 1 file changed, 32 insertions(+), 32 deletions(-) diff --git a/src/templates/zh-TW/2020/methodology.html b/src/templates/zh-TW/2020/methodology.html index cf63096c7c0..2e1f2e76063 100644 --- a/src/templates/zh-TW/2020/methodology.html +++ b/src/templates/zh-TW/2020/methodology.html @@ -17,17 +17,17 @@
  • 工具
  • 分析流程 @@ -56,7 +56,7 @@

    總覽

    - Web Almanac 網路年鑑是由 HTTP Archive 組織的專案。HTTP Archive在2010年由Steve Souders創辦，任務目標為追蹤網路如何建構。它按月評估數以百萬的網頁並將TB位元數據置 BigQuery 供大眾分析。 + Web Almanac 網路年鑑是由 HTTP Archive 組織的專案。 HTTP Archive 在2010年由 Steve Souders 創辦，任務目標為追蹤網路如何建構。它按月評估數以百萬的網頁並將 TB 位元數據置 BigQuery 供大眾分析。

    @@ -72,15 +72,15 @@

    總覽

    關於資料集

    - HTTP Archive 資料集每月持續更新數據，除各章節另有說明外，2020年版所有指標都來自2020年8月。這些結果可以透過設置 BigQuery 公共資料集的相關日期探索查詢，例如2020_08_01。 + HTTP Archive 資料集每月持續更新數據，除各章節另有說明外，2020年版所有指標都來自2020年8月。這些結果可以透過設置 BigQuery 公共資料集的相關日期探索查詢，例如2020_08_01。

    - Web Almanac 網路年鑑列示的指標可以透過執行 BigQuery 公共資料集後重現。你可以瀏覽所有章節使用的查詢在 GitHub 程式庫。 + Web Almanac 網路年鑑列示的指標可以透過執行 BigQuery 公共資料集後重現。你可以瀏覽所有章節使用的查詢在 GitHub 程式庫。

    - 備註，這些查詢需要相當大的資源，這可能比較昂貴，如果你自行查詢， BigQuery 的帳單是以TB計價。這篇文章可以幫助你控管花費，請閱讀 Tim Kadlec 說明，如何不破產的使用 BigQuery 。 + 備註，這些查詢需要相當大的資源，這可能比較昂貴，如果你自行查詢， BigQuery 的帳單是以TB計價。這篇文章可以幫助你控管花費，請閱讀 Tim Kadlec 說明，如何不破產的使用 BigQuery 。

    @@ -107,7 +107,7 @@

    關於資料集

    - 每個指標的結果可以在各個章節對應的電子表格中公開查詢，例如 JavaScript 結果。滑動到各個章節的底部，你可以看到查詢、結果、和讀者評論的連結按鈕。 + 每個指標的結果可以在各個章節對應的電子表格中公開查詢，例如 JavaScript 結果。滑動到各個章節的底部，你可以看到查詢、結果、和讀者評論的連結按鈕。

    @@ -127,7 +127,7 @@

    網站

    - 2020年被分析的網站有20-30%的增長，相較於2019年 Web Almanac 網路年鑑。你可閱讀這篇文章，Paul Calvano的分析：2020年網路使用的增長。 + 2020年被分析的網站有20-30%的增長，相較於2019年 Web Almanac 網路年鑑。你可閱讀這篇文章， Paul Calvano 的分析：2020年網路使用的增長。

    @@ -175,7 +175,7 @@

    工具

    WebPageTest

    - WebPageTest 是傑出的網路性能測試的工具，且是 HTTP Archive 的骨架。我們在私人測試代理下，使用私有實例透過真實的瀏覽器測試每個網頁。桌機版和手機版網站在不同的配置下進行測試： + WebPageTest 是傑出的網路性能測試的工具，且是 HTTP Archive 的骨架。我們在私人測試代理下，使用私有實例透過真實的瀏覽器測試每個網頁。桌機版和手機版網站在不同的配置下進行測試：

    • CPU降速CPU 降速 1x/4x
    RTT往返時間RTT 往返時間 150 ms
    @@ -239,7 +239,7 @@

    WebPageTest

    - 測試運行的位置有二個站點： California 和 Oregon USA。 HTTP Archive 維護它自己的測試代理硬體，位置在 California 的 Internet Archive 數據中心。另外一個測試代理是依據需要擴增，在 Google Cloud Platform 位於 Oregon 的 us-west-1。 + 測試運行的位置有二個站點： California 和 Oregon USA。 HTTP Archive 維護它自己的測試代理硬體，位置在 California 的 Internet Archive 數據中心。另外一個測試代理是依據需要擴增，在 Google Cloud Platform 位於 Oregon 的 us-west-1。

    @@ -247,7 +247,7 @@

    WebPageTest

    - 每個測試的結果都保存為 HAR 檔案，這是 JSON 格式儲存的檔案，包括網頁的位元數據。 + 每個測試的結果都保存為 HAR 檔案，這是 JSON 格式儲存的檔案，包括網頁的位元數據。

    @@ -255,11 +255,11 @@

    WebPageTest Lighthouse

    - Lighthouse 是針對網站品質評估的自動化工具，由 Google 創建。它檢查網頁是否阻礙使用者訪問資源的路徑，像是網頁是否有未優化的圖像和不可進入的內文。 + Lighthouse 是針對網站品質評估的自動化工具，由 Google 創建。它檢查網頁是否阻礙使用者訪問資源的路徑，像是網頁是否有未優化的圖像和不可進入的內文。

    - HTTP Archive 在所有手機版的網頁上運行最新的版本—但桌機版的網頁不被包括在內，因為資源的限制。在2020年8月的爬取， HTTP Archive 使用6.2.0版本的 Lighthouse。 + HTTP Archive 在所有手機版的網頁上運行最新的版本—但桌機版的網頁不被包括在內，因為資源的限制。在2020年8月的爬取， HTTP Archive 使用6.2.0版本的 Lighthouse。

    @@ -295,7 +295,7 @@

    Lighthouse

    - 你可以瞭解更多關於 Lighthouse 和在 HTTP Archive 的檢測評估，請參考 Lighthouse 開發者的文件。 + 你可以瞭解更多關於 Lighthouse 和在 HTTP Archive 的檢測評估，請參考 Lighthouse 開發者的文件。

    @@ -303,15 +303,15 @@

    Lighthouse Wappalyzer

    - Wappalyzer是偵測網頁所使用的技術工具。它有64個類別可以被用來偵測各種技術種類。從 JavaScript 框架到 CMS 平台，甚至是加密貨幣挖礦，被支持的科技超過一千四百多種。 + Wappalyzer是偵測網頁所使用的技術工具。它有64個類別可以被用來偵測各種技術種類。從 JavaScript 框架到 CMS 平台，甚至是加密貨幣挖礦，被支持的科技超過一千四百多種。

    - HTTP Archive 在所有網頁運行最新版的 Wappalyzer 。在2020年8月 Web Almanac 網路年鑑使用6.2.0版本的 Wappalyzer。 + HTTP Archive 在所有網頁運行最新版的 Wappalyzer 。在2020年8月 Web Almanac 網路年鑑使用6.2.0版本的 Wappalyzer。

    - Wappalyzer 帶給許多章節動力，它分析開發者工具的受歡迎程度，像是 WordPress 、 Bootstrap 、和 jQuery ，例如，電商和 CMS 章節，它們非常仰賴 Wappalyzer 在偵測電商和 CMS 技術的類別。 + Wappalyzer 帶給許多章節動力，它分析開發者工具的受歡迎程度，像是 WordPress 、 Bootstrap 、和 jQuery ，例如，電商和 CMS 章節，它們非常仰賴 Wappalyzer 在偵測電商和 CMS 技術的類別。

    @@ -323,7 +323,7 @@

    Wappalyzer Chrome UX Report

    - Chrome UX Report 是真實 Chrome 使用者經驗的公共數據集，根據網站的來源進行分類，例如 https://www.example.com 。資料集包括使用者經驗指標的分佈情形，像是繪製、下載、交互和布局穩定性。除了按月分組外，還會按維度劃分，像是國家地理位置、形式類型(桌機、手機、平板電腦)和有效連結類型(4G、3G等)。 + Chrome UX Report 是真實 Chrome 使用者經驗的公共數據集，根據網站的來源進行分類，例如 https://www.example.com 。資料集包括使用者經驗指標的分佈情形，像是繪製、下載、交互和布局穩定性。除了按月分組外，還會按維度劃分，像是國家地理位置、形式類型(桌機、手機、平板電腦)和有效連結類型(4G、3G等)。

    @@ -331,7 +331,7 @@

    Chrom

    - 你可以學習更多關於資料集的細節，在BigQuery使用Chrome UX Report的web.dev寶典。 + 你可以學習更多關於資料集的細節，在 BigQuery 使用 Chrome UX Report 的 web.dev 寶典。

    @@ -339,7 +339,7 @@

    Chrom

    Third Party Web

    - Third Party Web 是一個研究專案，由 Patrick Hulce 創建，2019年 Third Parties 章節的作者，使用 HTTP Archive 和 Lighthouse 數據辨識和分析第三方資源對網路的影響。 + Third Party Web 是一個研究專案，由 Patrick Hulce 創建，2019年 Third Parties 章節的作者，使用 HTTP Archive 和 Lighthouse 數據辨識和分析第三方資源對網路的影響。

    @@ -355,19 +355,19 @@

    Third P

    Rework CSS

    - Rework CSS 是基於 JavaScript 的 CSS 解析器。它使用整個樣式表生成 JSON 解碼的物件，用來區別各個樣式規則、選擇器、程式碼和數值。 + Rework CSS 是基於 JavaScript 的 CSS 解析器。它使用整個樣式表生成 JSON 解碼的物件，用來區別各個樣式規則、選擇器、程式碼和數值。

    - 這個特殊用途的工具顯著提高許多指標的準確性，在 CSS 章節，這讓分析工作順暢進行，透過解析和查詢 CSS 在每個頁面的外部樣式表和行內樣式區塊。相關細節請閱讀這篇，說明 HTTP Archive 如何透過 BigQuery 整合資料集的更多資訊。 + 這個特殊用途的工具顯著提高許多指標的準確性，在 CSS 章節，這讓分析工作順暢進行，透過解析和查詢 CSS 在每個頁面的外部樣式表和行內樣式區塊。相關細節請閱讀這篇，說明 HTTP Archive 如何透過 BigQuery 整合資料集的更多資訊。

    -

    Rework Utils

    +

    Rework Utils

    - 今年 CSS 章節更詳細研究 CSS 的狀態，由 Lea Verou 主導，透過100+個查詢運行。這個觀點的查詢數量是2019年的2.5倍。為了讓這個規模的分析可行， Lea 開源 Rework Utils 。 CSS 大部分的章節都來自這些程式碼腳本，這帶領 JSON 資料從 Rework 更進階，讓 CSS 更容易被分析洞察。 + 今年 CSS 章節更詳細研究 CSS 的狀態，由 Lea Verou 主導，透過100+個查詢運行。這個觀點的查詢數量是2019年的2.5倍。為了讓這個規模的分析可行， Lea 開源 Rework Utils 。 CSS 大部分的章節都來自這些程式碼腳本，這帶領 JSON 資料從 Rework 更進階，讓 CSS 更容易被分析洞察。

    @@ -375,7 +375,7 @@

    Rework Utils

    Parsel

    - Parsel 是 CSS 解析的選擇器和特定的計算器，由 CSS 章節的主導者 Lea Verou 撰寫，並開源為獨立的資料庫，且廣泛應用於所有 CSS 相關的指標。 + Parsel 是 CSS 解析的選擇器和特定的計算器，由 CSS 章節的主導者 Lea Verou 撰寫，並開源為獨立的資料庫，且廣泛應用於所有 CSS 相關的指標。

    @@ -470,7 +470,7 @@

    展望未來

    - 如果你對貢獻 Web Almanac 網路年鑑2021年版有興趣，歡迎填寫意願表格。讓我們一起並肩攜手，追蹤網路的點點滴滴吧！ + 如果你對貢獻 Web Almanac 網路年鑑2021年版有興趣，歡迎填寫意願表格。讓我們一起並肩攜手，追蹤網路的點點滴滴吧！

    {% endblock main_content %} From 0726cbc5357a3e463d2e8cfbdd6a818b65a08d14 Mon Sep 17 00:00:00 2001 From: AbbyTsai <44442451+AbbyTsai@users.noreply.github.com> Date: Tue, 22 Dec 2020 00:19:32 +0800 Subject: [PATCH 6/6] Apply suggestions from code review make a space outside the links. Co-authored-by: Barry Pollard --- src/templates/zh-TW/2020/methodology.html | 76 +++++++++++------------ 1 file changed, 38 insertions(+), 38 deletions(-) diff --git a/src/templates/zh-TW/2020/methodology.html b/src/templates/zh-TW/2020/methodology.html index 2e1f2e76063..9f615e7a81b 100644 --- a/src/templates/zh-TW/2020/methodology.html +++ b/src/templates/zh-TW/2020/methodology.html @@ -56,7 +56,7 @@

    總覽

    - Web Almanac 網路年鑑是由 HTTP Archive 組織的專案。 HTTP Archive 在2010年由 Steve Souders 創辦，任務目標為追蹤網路如何建構。它按月評估數以百萬的網頁並將 TB 位元數據置 BigQuery 供大眾分析。 + Web Almanac 網路年鑑是由 HTTP Archive 組織的專案。HTTP Archive 在2010年由 Steve Souders 創辦，任務目標為追蹤網路如何建構。它按月評估數以百萬的網頁並將 TB 位元數據置 BigQuery 供大眾分析。

    @@ -72,15 +72,15 @@

    總覽

    關於資料集

    - HTTP Archive 資料集每月持續更新數據，除各章節另有說明外，2020年版所有指標都來自2020年8月。這些結果可以透過設置 BigQuery 公共資料集的相關日期探索查詢，例如2020_08_01。 + HTTP Archive 資料集每月持續更新數據，除各章節另有說明外，2020年版所有指標都來自2020年8月。這些結果可以透過設置 BigQuery 公共資料集的相關日期探索查詢，例如2020_08_01。

    - Web Almanac 網路年鑑列示的指標可以透過執行 BigQuery 公共資料集後重現。你可以瀏覽所有章節使用的查詢在 GitHub 程式庫。 + Web Almanac 網路年鑑列示的指標可以透過執行 BigQuery 公共資料集後重現。你可以瀏覽所有章節使用的查詢在 GitHub 程式庫。

    - 備註，這些查詢需要相當大的資源，這可能比較昂貴，如果你自行查詢， BigQuery 的帳單是以TB計價。這篇文章可以幫助你控管花費，請閱讀 Tim Kadlec 說明，如何不破產的使用 BigQuery 。 + 備註，這些查詢需要相當大的資源，這可能比較昂貴，如果你自行查詢， BigQuery 的帳單是以TB計價。這篇文章可以幫助你控管花費，請閱讀 Tim Kadlec 說明，如何不破產的使用 BigQuery。

    @@ -107,7 +107,7 @@

    關於資料集

    - 每個指標的結果可以在各個章節對應的電子表格中公開查詢，例如 JavaScript 結果。滑動到各個章節的底部，你可以看到查詢、結果、和讀者評論的連結按鈕。 + 每個指標的結果可以在各個章節對應的電子表格中公開查詢，例如 JavaScript 結果。滑動到各個章節的底部，你可以看到查詢、結果、和讀者評論的連結按鈕。

    @@ -119,19 +119,19 @@

    網站

    - HTTP Archive 從 Chrome UX Report 獲取網站的 URLs 。 Chrome UX Report 是 Google 的公共資料集，集合 Chrome 活躍使用者訪問數以百萬網站的使用者經驗，這些網站列表反映著最新的真實網站使用狀況。 Chrome UX Report 資料集透過一個因子維數，取得所有桌機版與手機版使用者訪問的網站。 + HTTP Archive 從 Chrome UX Report 獲取網站的 URLs。Chrome UX Report 是 Google 的公共資料集，集合 Chrome 活躍使用者訪問數以百萬網站的使用者經驗，這些網站列表反映著最新的真實網站使用狀況。Chrome UX Report 資料集透過一個因子維數，取得所有桌機版與手機版使用者訪問的網站。

    - Web Almanac 網路年鑑爬取2020年8月 HTTP Archive 的資料集，網站列表則是透過最近期202006的 Chrome UX Report ，在2020年7月14日發布，擷取6月分 Chrome 使用者瀏覽的網站。 + Web Almanac 網路年鑑爬取2020年8月 HTTP Archive 的資料集，網站列表則是透過最近期202006的 Chrome UX Report，在2020年7月14日發布，擷取6月分 Chrome 使用者瀏覽的網站。

    - 2020年被分析的網站有20-30%的增長，相較於2019年 Web Almanac 網路年鑑。你可閱讀這篇文章， Paul Calvano 的分析：2020年網路使用的增長。 + 2020年被分析的網站有20-30%的增長，相較於2019年 Web Almanac 網路年鑑。你可閱讀這篇文章，Paul Calvano 的分析：2020年網路使用的增長。

    - 礙於資源的限制， HTTP Archive 只能測試 Chrome UX report 每個網站的單一網頁，協調平衡這點後我們只包括網站的主頁。這結果將導致些許偏差，因為一個主頁不能絕對地代表一整個網站。 + 礙於資源的限制，HTTP Archive 只能測試 Chrome UX report 每個網站的單一網頁，協調平衡這點後我們只包括網站的主頁。這結果將導致些許偏差，因為一個主頁不能絕對地代表一整個網站。

    @@ -143,15 +143,15 @@

    網站

    指標

    - HTTP Archive 蒐集數千個指標用來衡量網路是如何被建構。它包括基本的指標，像是網頁使用的位元數，網頁加載是否透過 HTTPS 、個別的請求與標頭反應。這些主要的指標都是由 WebPageTest 提供，它為每個網站提供測試路徑。 + HTTP Archive 蒐集數千個指標用來衡量網路是如何被建構。它包括基本的指標，像是網頁使用的位元數，網頁加載是否透過 HTTPS 、個別的請求與標頭反應。這些主要的指標都是由 WebPageTest 提供，它為每個網站提供測試路徑。

    - 其他的測試工具被用來測試更深入網頁的指標，例如， Lighthouse 被用來檢查網頁並針對質量分析，像是無障礙性訪問和 SEO 評估。下面的工具章節會有更多詳細的說明。 + 其他的測試工具被用來測試更深入網頁的指標，例如，Lighthouse 被用來檢查網頁並針對質量分析，像是無障礙性訪問和 SEO 評估。下面的工具章節會有更多詳細的說明。

    - 為填補實驗資料集的固有限制， Web Almanac 網路年鑑在使用者經驗的指標評估，也確定使用 Chrome UX Report ，特別是網頁性能的方面。 + 為填補實驗資料集的固有限制， Web Almanac 網路年鑑在使用者經驗的指標評估，也確定使用 Chrome UX Report，特別是網頁性能的方面。

    @@ -172,10 +172,10 @@

    工具

    -

    WebPageTest

    +

    WebPageTest

    - WebPageTest 是傑出的網路性能測試的工具，且是 HTTP Archive 的骨架。我們在私人測試代理下，使用私有實例透過真實的瀏覽器測試每個網頁。桌機版和手機版網站在不同的配置下進行測試： + WebPageTest 是傑出的網路性能測試的工具，且是 HTTP Archive 的骨架。我們在私人測試代理下，使用私有實例透過真實的瀏覽器測試每個網頁。桌機版和手機版網站在不同的配置下進行測試：

    @@ -235,15 +235,15 @@

    WebPageTest

    - 手機版網站在模擬的 Moto G4 設備上運行，網路速度相當於 3G 連結。備註，模擬的手機版的使用者代理標示為 Chrome 65 ，但實際的瀏覽器是 Chrome 84。 + 手機版網站在模擬的 Moto G4 設備上運行，網路速度相當於 3G 連結。備註，模擬的手機版的使用者代理標示為 Chrome 65，但實際的瀏覽器是 Chrome 84。

    - 測試運行的位置有二個站點： California 和 Oregon USA。 HTTP Archive 維護它自己的測試代理硬體，位置在 California 的 Internet Archive 數據中心。另外一個測試代理是依據需要擴增，在 Google Cloud Platform 位於 Oregon 的 us-west-1。 + 測試運行的位置有二個站點： California 和 Oregon USA。HTTP Archive 維護它自己的測試代理硬體，位置在 California 的 Internet Archive 數據中心。另外一個測試代理是依據需要擴增，在 Google Cloud Platform 位於 Oregon 的 us-west-1。

    - HTTP Archive 在 WebPageTest 的私有實例保持與最新的公共版本同步，且增加使用自訂指標。在測試的尾聲透過片段的 JavaScript 評估每個網站。感謝許多數據分析的貢獻者，特別是熱血拋顱的 Tony McCreath 。 Web Almanac 網路年鑑2020年版致力拓展 HTTP Archive 的基礎測試架構功能，揮灑超過三千行的新程式碼。 + HTTP Archive 在 WebPageTest 的私有實例保持與最新的公共版本同步，且增加使用自訂指標。在測試的尾聲透過片段的 JavaScript 評估每個網站。感謝許多數據分析的貢獻者，特別是熱血拋顱的 Tony McCreath。 Web Almanac 網路年鑑2020年版致力拓展 HTTP Archive 的基礎測試架構功能，揮灑超過三千行的新程式碼。

    @@ -252,10 +252,10 @@

    WebPageTest
    -

    Lighthouse

    +

    Lighthouse

    - Lighthouse 是針對網站品質評估的自動化工具，由 Google 創建。它檢查網頁是否阻礙使用者訪問資源的路徑，像是網頁是否有未優化的圖像和不可進入的內文。 + Lighthouse 是針對網站品質評估的自動化工具，由 Google 創建。它檢查網頁是否阻礙使用者訪問資源的路徑，像是網頁是否有未優化的圖像和不可進入的內文。

    @@ -263,7 +263,7 @@

    Lighthouse

    - Lighthouse 在 WebPageTest 運行自己獨特的測試，但它擁有自己的配置概要： + Lighthouse 在 WebPageTest 運行自己獨特的測試，但它擁有自己的配置概要：

    @@ -295,35 +295,35 @@

    Lighthouse

    - 你可以瞭解更多關於 Lighthouse 和在 HTTP Archive 的檢測評估，請參考 Lighthouse 開發者的文件。 + 你可以瞭解更多關於 Lighthouse 和在 HTTP Archive 的檢測評估，請參考 Lighthouse 開發者的文件。

    -

    Wappalyzer

    +

    Wappalyzer

    Wappalyzer是偵測網頁所使用的技術工具。它有64個類別可以被用來偵測各種技術種類。從 JavaScript 框架到 CMS 平台，甚至是加密貨幣挖礦，被支持的科技超過一千四百多種。

    - HTTP Archive 在所有網頁運行最新版的 Wappalyzer 。在2020年8月 Web Almanac 網路年鑑使用6.2.0版本的 Wappalyzer。 + HTTP Archive 在所有網頁運行最新版的 Wappalyzer。在2020年8月 Web Almanac 網路年鑑使用6.2.0版本的 Wappalyzer。

    - Wappalyzer 帶給許多章節動力，它分析開發者工具的受歡迎程度，像是 WordPress 、 Bootstrap 、和 jQuery ，例如，電商和 CMS 章節，它們非常仰賴 Wappalyzer 在偵測電商和 CMS 技術的類別。 + Wappalyzer 帶給許多章節動力，它分析開發者工具的受歡迎程度，像是 WordPress、 Bootstrap、和 jQuery，例如，電商和 CMS 章節，它們非常仰賴 Wappalyzer 在偵測電商和 CMS 技術的類別。

    - 所有的偵測工具，包括 Wappalyzer 都不可避免有其侷限。它們結果的有效性總是攸關於其偵測機制的準確度。 Web Almanac 網路年鑑會在使用 Wappalyzer 的各個章節註釋，但基於特定的原因，分析可能沒有絕對地精準。 + 所有的偵測工具，包括 Wappalyzer 都不可避免有其侷限。它們結果的有效性總是攸關於其偵測機制的準確度。Web Almanac 網路年鑑會在使用 Wappalyzer 的各個章節註釋，但基於特定的原因，分析可能沒有絕對地精準。

    -

    Chrome UX Report

    +

    Chrome UX Report

    - Chrome UX Report 是真實 Chrome 使用者經驗的公共數據集，根據網站的來源進行分類，例如 https://www.example.com 。資料集包括使用者經驗指標的分佈情形，像是繪製、下載、交互和布局穩定性。除了按月分組外，還會按維度劃分，像是國家地理位置、形式類型(桌機、手機、平板電腦)和有效連結類型(4G、3G等)。 + Chrome UX Report 是真實 Chrome 使用者經驗的公共數據集，根據網站的來源進行分類，例如 https://www.example.com 。資料集包括使用者經驗指標的分佈情形，像是繪製、下載、交互和布局穩定性。除了按月分組外，還會按維度劃分，像是國家地理位置、形式類型(桌機、手機、平板電腦)和有效連結類型(4G、3G等)。

    @@ -331,15 +331,15 @@

    Chrom

    - 你可以學習更多關於資料集的細節，在 BigQuery 使用 Chrome UX Report 的 web.dev 寶典。 + 你可以學習更多關於資料集的細節，在 BigQuery 使用 Chrome UX Report 的 web.dev 寶典。

    -

    Third Party Web

    +

    Third Party Web

    - Third Party Web 是一個研究專案，由 Patrick Hulce 創建，2019年 Third Parties 章節的作者，使用 HTTP Archive 和 Lighthouse 數據辨識和分析第三方資源對網路的影響。 + Third Party Web 是一個研究專案，由 Patrick Hulce 創建，2019年 Third Parties 章節的作者，使用 HTTP Archive 和 Lighthouse 數據辨識和分析第三方資源對網路的影響。

    @@ -352,14 +352,14 @@

    Third P

    -

    Rework CSS

    +

    Rework CSS

    - Rework CSS 是基於 JavaScript 的 CSS 解析器。它使用整個樣式表生成 JSON 解碼的物件，用來區別各個樣式規則、選擇器、程式碼和數值。 + Rework CSS 是基於 JavaScript 的 CSS 解析器。它使用整個樣式表生成 JSON 解碼的物件，用來區別各個樣式規則、選擇器、程式碼和數值。

    - 這個特殊用途的工具顯著提高許多指標的準確性，在 CSS 章節，這讓分析工作順暢進行，透過解析和查詢 CSS 在每個頁面的外部樣式表和行內樣式區塊。相關細節請閱讀這篇，說明 HTTP Archive 如何透過 BigQuery 整合資料集的更多資訊。 + 這個特殊用途的工具顯著提高許多指標的準確性，在 CSS 章節，這讓分析工作順暢進行，透過解析和查詢 CSS 在每個頁面的外部樣式表和行內樣式區塊。相關細節請閱讀這篇，說明 HTTP Archive 如何透過 BigQuery 整合資料集的更多資訊。

    @@ -367,15 +367,15 @@

    Rework CSS Rework Utils

    - 今年 CSS 章節更詳細研究 CSS 的狀態，由 Lea Verou 主導，透過100+個查詢運行。這個觀點的查詢數量是2019年的2.5倍。為了讓這個規模的分析可行， Lea 開源 Rework Utils 。 CSS 大部分的章節都來自這些程式碼腳本，這帶領 JSON 資料從 Rework 更進階，讓 CSS 更容易被分析洞察。 + 今年 CSS 章節更詳細研究 CSS 的狀態，由 Lea Verou 主導，透過100+個查詢運行。這個觀點的查詢數量是2019年的2.5倍。為了讓這個規模的分析可行，Lea 開源 Rework Utils。CSS 大部分的章節都來自這些程式碼腳本，這帶領 JSON 資料從 Rework 更進階，讓 CSS 更容易被分析洞察。

    -

    Parsel

    +

    Parsel

    - Parsel 是 CSS 解析的選擇器和特定的計算器，由 CSS 章節的主導者 Lea Verou 撰寫，並開源為獨立的資料庫，且廣泛應用於所有 CSS 相關的指標。 + Parsel 是 CSS 解析的選擇器和特定的計算器，由 CSS 章節的主導者 Lea Verou 撰寫，並開源為獨立的資料庫，且廣泛應用於所有 CSS 相關的指標。

    @@ -438,11 +438,11 @@

    分析

    - 2020年8月， HTTP Archive 的資料管道爬取數百萬個網站，蒐集 Web Almanac 網路年鑑需要使用的數據。 + 2020年8月，HTTP Archive 的資料管道爬取數百萬個網站，蒐集 Web Almanac 網路年鑑需要使用的數據。

    - 資料分析師開始撰寫查詢並執行每個指標的結果。整體來說，這數百個查詢都是由人工親手撰寫累積！你可以在我們 GitHub 開源的資料庫 query repository 目錄下瀏覽所有的程式碼。 + 資料分析師開始撰寫查詢並執行每個指標的結果。整體來說，這數百個查詢都是由人工親手撰寫累積！你可以在我們 GitHub 開源的資料庫 query repository 目錄下瀏覽所有的程式碼。