如何在持續公升級的專案中保持專案的高效能？如何更加準確的定位和解決效能問題？實際上，wpo的最主要目的是改善使用者體驗，而使用者體驗的好壞則可以根據幾個核心效能指標來衡量。從使用者體驗出發的幾個核心時間指標包括：start render、dom ready、page load、tti。不同的效能指針對使用者體驗的影響是不同的，而指標本身受哪些因素的影響也是不同的。優化某個指標又該具體採用什麼樣的方式？接下來將一一介紹，本文集中介紹page load。
定義page load時間指的就是window.onload事件觸發的時間。與dom ready時間相比，page load的時間往往要更靠後一些，因為page load不僅僅是html文件解析完畢還包括了所有資源載入所需要的時間，例如資源的載入、iframe的載入等。
使用者體驗
(1). window.onload事件觸發的時間(page load)也就是所有資源載入完成的時間，該時間越長意味著使用者需要等待越久才能看見某些內容，例如，這些內容也許並不是最總要的，但這是乙個完整頁面的組成部分，這部分內容如果載入過慢，也會在一定程度上影響使用者對頁面完整性的體驗。
(2). window.onload事件在觸發前，如果有資源正在載入，例如指令碼、，則瀏覽器都會以某種方式告訴你正在載入資源。不同的瀏覽器有著不同的方式，例如ie6等非tab瀏覽方式的瀏覽器會在狀態列給予進度提示，而例如firefox等tab型別的瀏覽器一方面會在狀態列給予提示，另一方面還會在tab上顯示載入中的狀態。page load的時間越久，這些狀態顯示的時間也就越久，因此會影響使用者對頁面整體速度的體驗。
影響因素
(1) window.onload事件總是在dom ready之後才會觸發，因此，dom ready指標的影響因素也都會影響page load。
(2) 鑑於window.onload事件要等到所有資源載入完成後才會觸發，因此資源載入的時間越長則page load的時間越長。如果沒有任何外鏈資源，則page load時間與dom ready時間幾乎是相等的，隨著等資源的增加，page load與dom ready的差距也會越來越大。（外鏈指令碼除外，因為外鏈指令碼也同樣會增加dom ready時間）
監控方式
直接在window上註冊onload事件即可。
優化方法
(1) dom ready指標的優化方法
(2) 減少資源請求數和請求時間&考慮window.onload後lazy load
除此之外，更應該注意頁面中外鏈資源的使用，尤其是等資源。對於一方面要減少請求數（合併），另一方面還要減少請求時間（壓縮、快取）。當然對於的優化，很多人可能都已經做過了，如果經過了合併、壓縮以後，請求還是很多，還是很大該怎麼辦呢？建議使用lazy load，例如在使用者可見或者產生互動的時候才進行載入。
上圖是實際的頁面監控資料，12/23號對資源進行了優化，採用了lazy load進行處理，可以明顯的看到page load(load_time)與dom ready之間的差距縮小了。
(3) 指令碼在window.onload後載入
web頁面載入使用者等待時間的效能指標
全部頁面載入時間 全部頁面載入時間指從最初啟動瀏覽開始，直到所有元素都被載入完成後，在2秒後仍然沒有網路活動的時間。0 2秒 使用者體驗最好，打分100 2 8秒 使用者可以容忍，從第2秒開始，每超過1秒減5分 8 15秒 使用者不能忍受，從第2秒開始，每超過1秒減5分 首位元組時間 從開始載入到收...
從東北粥便當 聯想到頁面使用者體驗的改進
撰此文純粹有感而發，最近中午為吃什麼發愁，樓下附近有乙個賣東北粥的便當。六塊錢，粥一大碗，兩份小鹹菜，乙個饅頭，另外是乙個鴨蛋或雞蛋自選 幾日沒吃，今天去買了乙份便當，個人比較喜歡吃鹹鴨蛋，由於每次的剝皮，都的準備紙巾，今天也是按慣例準備好了，結果一開啟，嘿，人家老闆都給剝好了！www.cppcns...
從使用者體驗的角度 來看看SEO的大勢所趨
這次給大家介紹的是我對 使用者體驗 與搜尋引擎排名之間的關係的一些觀點。因為時間關係，可能文章的某些句子不通順，請各位見諒，文章內容均為本人猜測，不保證為正確觀點。在 seo中常常會提及到使用者體驗優化這個概念，什麼是使用者體驗優化呢？簡單點說就是通過優化網頁讓網頁更適合使用者使用。這裡我們回歸到最...