如何令網站更快更吸引？(一)
閱讀時間約 4 分鐘
淺談 web.dev 2020 提出的網站性能基準(一)：最大內容繪製LCP
今年因為全球肺炎持續肆虐，令到不少的公開活動都轉戰線上播放，而Google 一年一度的 web.dev LIVE 亦不能倖免。不過，轉為線上舉辦活動並不代表內容有所失色。
Google 經常更新網站性能的指標和工具，務求在衡量網站方面的用戶體驗與時並進，使得無論各類用家、企業、開發者在哪種網絡環境、使用哪種設備瀏覽也好，亦能獲得最佳的網站使用體驗。那讓我們來看看今年Google 提出的網站性能基準，Core Web Vital吧。
今年 的 Core Web Vital 有三項，包括：
- LCP — Largest Contentful Paint 最大內容繪製;
- FID — First Input Delay 首次輸入延遲;
- CLS — Cumulative Layout Shift 累計版面配置轉移;
Largest Contentful Paint 最大內容繪製
LCP 是一個量度網頁載入速度的指標。相比起First contentful paint (FCP) 量度從頁面開始載入到屏幕上，呈現頁面內容任何部分的時間，LCP量度頁面載入時，主要或是最大的內容載入／繪製，並展示到網站用戶可見視野範圍的時間。快速的LCP象徵著能夠使用戶確信信該網頁頁面對他們有用。
要理解甚麼是 LCP，我們可以透過在哪些狀況下，會影響網頁載入LCP 的速度：
- 緩慢的伺服器回應時間
- 阻礙網頁繪製的JavaScript 和 CSS 檔案
- 緩慢的資源載入時間
- 客戶端的網頁繪製
很多時，圖像往往是當網頁完成載入時所顯示的最大元素，亦是影響網頁載入速度的元兇。企業會傾向使用一些容量很大，但解析度較高的圖片，為求展示一些清晰、漂亮的產品照、宣傳圖像，吸引客戶的關注，或使客戶能夠更能理解產品的細節。
但其實在不少設備的Retina屏幕上，用戶都無法分辨高解析度和一般解析度的圖像，而太大容量的圖像，會阻礙網頁的載入，使得客戶的使用體驗質素下降。所以，要將圖像解析度，與網頁的載入速度作出相應的平衡，至為重要。將圖像轉為WebP 這類能夠減少檔案大小、但仍然維持和JPEG格式相同圖片品質的類型，亦能夠減少圖像檔案在網路上的傳送時間。
另外，JavaScript 、 CSS 這裡幫助網頁建構的檔案，它們的載入先後、所需時間，亦都和網頁載入的速度有關。Google 亦建議除了這些的檔案大小外，亦可以留意其放置來源的回應時間是否理想，例如放置在CDN(內容傳遞網路)，就能夠利用最靠近每位網頁使用者的伺服器，更快、更可靠地將圖片、影片等檔案傳送給用家。
那什麽才能得到好的LCP分數？ Google 建議網頁開發者，應該努力使得網頁在頁面開始載入的2.5秒內，完成最大內容繪製(LCP)。2.5秒-4.0秒被視為需要改進，而多過4.0秒去完成最大內容繪製則視為表現差劣。而為了確保達到滿足大多數用戶這個目標，衡量準則為在移動裝備和桌面設備上，整個網站的內容要有75百分位數能得到好的LCP分數。
可以檢測實際環境和測試環境LCP的工具，有以下幾個：
Field tools
Lab tools
Ref：
為什麼會看到廣告
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
在當今數位化的時代，網頁設計已不僅僅是簡單地展示內容，更成為了吸引用戶和提升用戶體驗的重要手段。在這樣的背景下，HTML（超文字標記語言）作為網頁設計的基礎語言之一，對於網頁設計的靈活性和創意性有著深遠的影響。
這篇文章提出選擇方向的重要性以及如何決定自己的方向。它強調了不斷評估過去的選擇和思考未來選項的重要性。同時，也介紹瞭如何記錄並複盤自己的日常選擇，並從中學習。最重要的是，它討論了努力的本質和如何找到正確的方法和方向。
當行銷靈感枯竭時，多讀優秀廣告案例是解決之道。這篇介紹了全球廣告行銷人經常造訪的五個案例網站，以及一個最新日本廣告的YT帳號。除了搜羅廣告案例外，這些網站還發表與設計、創意相關的文章，是值得收藏的好資源。
龍族即是佛經中所說的「天龍八部」之一，佛教中的龍族，遠大於民間傳說所認知在空中騰雲駕霧的蛇形神獸。龍族中，威德特別殊勝者，稱之為王，被尊為 龍王。龍族生病，便連帶影響地球氣候。若能修持增益、利益龍族的法門，則可消除龍族的疾病、煩惱、痛苦，喚醒龍族曾經立下守護佛法的誓願。供養龍族，也可作為自己多生累劫
人生最大的遺憾，莫過於是親愛的人離我們而去，但我們卻可能還沒準備好和他說再見……。你可知道，在他們告別我們後，都過得好嗎？
如何知道往生者去處?
慈悲 龍德上師開示：「人死了之後會慢慢變涼，看最後發熱的地方，可以推知往生投身的境界。
如果餘溫是在頭頂，叫「頂聖」，這個人會入聖人的法界，可能到諸
除了壓抑與衝動，我還有其他的選擇。原來，有某些話語、某些文字會誘發我的情緒。原來，很多時候，誤會與懊悔是這樣生成的。我該如何在事件發生前，先準備好自己的狀態，讓我不被情緒的衝動淹沒，也不忽視我的情緒呢？
『加拉巴哥化』絕對是哈日族不能迴避，亦不想面對的詞語，因為它代表曾經雄霸亞洲（世界有嗎？）的日本娛樂事業，經過多年來的獨自進化，與全球化大趨勢越走越遠，甚至流於圈內自娛自樂，而被世界「拋棄」。
當看到鄰國南韓崛起，影視皆打進國際舞台之時，無論是日本人本身，或者多年來對日本影視「不離不棄」的哈日族…
Amazon暢銷書榜TOP1‧啟發數百萬讀者的改變人生指南，你的生活不開心嗎？你還被禁錮在錢之中嗎？讓傳奇創投家、矽谷成功投資人納瓦爾教你如何邁向財富自由，與保持快樂的6種方式！透過我的折扣碼在Hyread買書可以獲得優惠喔，限量100組！
和小孩出外玩樂，有沒有常常遇到一種情況：高興出門，敗興而歸。
相信很多父母會在假期準備很多活動給孩子，例如去主題樂園，野餐，其他形形式式的活動。
總想著孩子一定會玩得很開心，有時候確實會玩得很開心，但也有時候，因為一些預料之外的事情，小孩開始鬧脾氣，結果最後變成小孩哭鬧，大人敗興而歸。
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
在當今數位化的時代，網頁設計已不僅僅是簡單地展示內容，更成為了吸引用戶和提升用戶體驗的重要手段。在這樣的背景下，HTML（超文字標記語言）作為網頁設計的基礎語言之一，對於網頁設計的靈活性和創意性有著深遠的影響。
這篇文章提出選擇方向的重要性以及如何決定自己的方向。它強調了不斷評估過去的選擇和思考未來選項的重要性。同時，也介紹瞭如何記錄並複盤自己的日常選擇，並從中學習。最重要的是，它討論了努力的本質和如何找到正確的方法和方向。
當行銷靈感枯竭時，多讀優秀廣告案例是解決之道。這篇介紹了全球廣告行銷人經常造訪的五個案例網站，以及一個最新日本廣告的YT帳號。除了搜羅廣告案例外，這些網站還發表與設計、創意相關的文章，是值得收藏的好資源。
龍族即是佛經中所說的「天龍八部」之一，佛教中的龍族，遠大於民間傳說所認知在空中騰雲駕霧的蛇形神獸。龍族中，威德特別殊勝者，稱之為王，被尊為 龍王。龍族生病，便連帶影響地球氣候。若能修持增益、利益龍族的法門，則可消除龍族的疾病、煩惱、痛苦，喚醒龍族曾經立下守護佛法的誓願。供養龍族，也可作為自己多生累劫
人生最大的遺憾，莫過於是親愛的人離我們而去，但我們卻可能還沒準備好和他說再見……。你可知道，在他們告別我們後，都過得好嗎？
如何知道往生者去處?
慈悲 龍德上師開示：「人死了之後會慢慢變涼，看最後發熱的地方，可以推知往生投身的境界。
如果餘溫是在頭頂，叫「頂聖」，這個人會入聖人的法界，可能到諸
除了壓抑與衝動，我還有其他的選擇。原來，有某些話語、某些文字會誘發我的情緒。原來，很多時候，誤會與懊悔是這樣生成的。我該如何在事件發生前，先準備好自己的狀態，讓我不被情緒的衝動淹沒，也不忽視我的情緒呢？
『加拉巴哥化』絕對是哈日族不能迴避，亦不想面對的詞語，因為它代表曾經雄霸亞洲（世界有嗎？）的日本娛樂事業，經過多年來的獨自進化，與全球化大趨勢越走越遠，甚至流於圈內自娛自樂，而被世界「拋棄」。
當看到鄰國南韓崛起，影視皆打進國際舞台之時，無論是日本人本身，或者多年來對日本影視「不離不棄」的哈日族…
Amazon暢銷書榜TOP1‧啟發數百萬讀者的改變人生指南，你的生活不開心嗎？你還被禁錮在錢之中嗎？讓傳奇創投家、矽谷成功投資人納瓦爾教你如何邁向財富自由，與保持快樂的6種方式！透過我的折扣碼在Hyread買書可以獲得優惠喔，限量100組！
和小孩出外玩樂，有沒有常常遇到一種情況：高興出門，敗興而歸。
相信很多父母會在假期準備很多活動給孩子，例如去主題樂園，野餐，其他形形式式的活動。
總想著孩子一定會玩得很開心，有時候確實會玩得很開心，但也有時候，因為一些預料之外的事情，小孩開始鬧脾氣，結果最後變成小孩哭鬧，大人敗興而歸。