首屏快了 3.6 秒:一份前端實測數據,和你滑手機的身體有什麼關係
從一篇前端效能實測文章出發,聊聊網頁載入速度背後,你我等在螢幕前的眼睛、肩頸與作息其實都搭上了這幾秒。
這篇文章的源頭,是工程師 kyriewen 於 2026 年 9 月 22 日在掘金發布的一篇受控實驗記錄。他搭了一個埋滿典型效能問題的活動落地頁,用 Lighthouse 模擬慢速 4G 與降速四倍的 CPU,每改一處就量一次數據,最後把 Largest Contentful Paint(LCP,白話說就是「頁面主要內容畫出來的時間」)從 5.1 秒壓到 1.5 秒。五次改動裡,只有一次真的動了程式碼。
你可能會想,這是寫給工程師看的東西,跟健康有什麼關係。關係其實比你想的直接:那 3.6 秒,就是你舉著手機、盯著轉圈畫面、脖子往前傾的 3.6 秒。而大多數人一天要開幾十個網頁。這次我們借這份誠實的數據,聊聊等待背後的身體帳,以及你自己判讀健康資訊時用得到的幾個方法。
先看數據長什麼樣
原文最難得的地方是「所有數字都是實測,不是估算」。他把原始頁 5.1 秒的 LCP 拆成三段:發現延遲 2.34 秒(瀏覽器很晚才知道要下載那張頭圖)、載入時長 2.74 秒(圖太大)、渲染延遲 0.01 秒。五次優化,本質上就是挨個打掉這幾段。
改成現代圖片格式讓 408KB 變 141KB,LCP 從 5.1 秒到 3.7 秒;加一行 preload 讓頭圖插隊下載,再到 2.6 秒;第四次把藏著六千萬次迴圈的長任務切片,總阻塞時間從 990ms 歸零;第五次只載入視口內的圖片,最後壓到 1.5 秒。
這裡有個值得停留的細節:第三次改動,LCP 一秒都沒快,效能分反而從 93 跌到 75。原因不玄,那個長任務本來就存在,只是加了 defer 之後,它從瀏覽器「還沒畫出第一幀、指標看不見」的區間,被挪到了首幀之後,被指標當場抓到。作者自己的結論是:優化前先想清楚指標在度量哪一段,別只盯一個數字。
這句話換到健康場景也成立,後面會回來講。
那 3.6 秒,你的身體在付帳
一個頁面快 3.6 秒,聽起來微不足道。但換個算法:如果你一天開三十個網頁,一半都有類似的等待,那就是快一分多鐘的注視時間。單次當然無害,問題在於等待時的姿勢很少是好的。
人在等頁面載入時有個共同動作:手舉高一點、頭往前伸、肩膀聳起,因為你「快要滑了」,身體先進入預備姿勢。這種頭前傾的姿勢會讓頸椎承受比正常排列更大的負荷,短時間沒事,長期累積下來,就是很多上班族熟悉的肩頸痠痛來源之一。低頭滑手機對頸部的影響,我們在筆電放肚子上滑到出現網狀紅斑的病例裡也提過類似的邏輯:傷害往往來自「一個姿勢維持太久」,而不是姿勢本身有多糟。
另外,慢速載入的頁面還有個少被注意的副作用:它餵養你的無意識滑動。等待的空檔,你多半不會把手放下,而是先切去別的 App,再切回來,於是原本五秒的等待,變成兩分鐘的碎片使用。載入速度被優化,某種程度上也在減少這種被動的螢幕時間。
一份好的實測數據,教你看懂健康研究
回頭看這篇實驗本身,它示範的其實是「健康資訊識讀」的幾個基本功,只是換了領域。
第一,受控環境的數字,方向可靠,絕對值不可盡信。作者自己也說,真機上跑不出這麼整齊的數字,但每步改動的因果方向是可靠的。這跟健康研究一模一樣:大型世代研究告訴你的是趨勢與相對風險,不是你個人明天會發生什麼。看到任何「研究顯示」時,先問一句:這是在什麼條件下量出來的?
第二,單一指標會騙人。實驗裡 LCP 變好看的那次改動,總阻塞時間爆到 990ms,使用者體驗其實沒變好,只是換了一個地方爛。健康上也常見:只盯體重,可能漏掉睡眠與壓力;只看單次檢驗數字,可能忽略趨勢變化。身體的帳,很少只有一本。
第三,樣本要誠實。這個實驗只有一個頁面、一組條件,作者明說了這是模擬。它的層級屬於「受控實驗的經驗分享」,不是大規模驗證的結論。讀任何健康說法時,把證據強度分清楚:文獻回顧、大型研究、個案經驗,三者的可信度不一樣,轉述時也不該混為一談。
給你的三個實作提醒
如果你想從這篇實驗裡帶走一些自己用得到的東西,我會建議這幾件:
檢查你的等待姿勢。 頁面轉圈時,試著把手放下、肩膀往後轉一圈再回來。這個小動作中斷頭前傾的累積,成本是零。
把慢當成提示,而不是空白。 與其在載入時切去別的 App,把它當成一個兩秒的呼吸空檔。這不是什麼正念儀式,就只是讓眼睛離開螢幕看一下遠處,對整天近距離用眼的你,睫狀肌會感謝這個休息。長時間盯螢幕的眼睛照顧,我們在色盲圖考倒一票人的駕照體檢那篇聊過更多。
遇到健康數據時,套用這篇實驗的三個問題。 在什麼條件下量的?量的是哪一段?樣本是誰?問完這三題,你對任何「研究發現」的判斷力,就已經超過大多數轉發它的人了。
結語
一份前端效能實驗,五次改動省下 3.6 秒。工程師在乎它,因為速度就是體驗;而你我在乎它,可以因為那幾秒就是你身體的姿勢時間、眼睛時間,以及一天裡悄悄流失的注意力。
下次頁面載入很慢的時候,別急著煩躁。把手放下,肩膀放鬆,順便想想:這個等待的數字,是被誰、在什麼條件下量出來的。能這樣想的人,離被聳動標題牽著走,又遠了一步。