[前端效能優化] 前端效能 優化的 目的 與 重要性

最近對在前端的開發中，接觸到了 前端優化 這個議題

當下想說前端的優化不外乎就是把 能 壓縮 的檔案，包含 HTML、CSS、JavaScript 還有一些 圖檔 能壓縮的就壓縮就好了嗎？

雖然上面的說法並沒有錯，不過其實 壓縮 的這件事情，只佔了 前端優化 的 一小部分 而已

另外對於網站來說，效能好壞的 基準點 又是什麼？

深入研究後才發覺 前端優化 是個很有趣的議題，也是 前端工程師 ， 必須要修的課題

為什麼要做網站優化？

身為一名 使用者 在使用 電腦 或 行動裝置 進入某網站的應用時，最沒有辦法接受 的就是 網站載入過於龜速

有研究表明：51% 的人會放棄使用加載時間超過 10 秒的網站。( kissmetrics infographic)

就是上面這些點，就能體會出 網站性能 的重要性

另外當你的網站對於 伺服器 而言，只要多一次的請求，對於 伺服器 來說，就是多了一次的消耗

對伺服器的請求 次數 越多，請求的 檔案 越大，這些東西除了對效能又直接的影響外，對 伺服器 的 營運成本 也有直接的關係

還有一點非常重要：

Google 於2010年曾經正式公告，網站速度是搜尋排名的因素之一

（優化網站的速度，能同時提升使用者體驗與Google 抓取網站的資料量）

做 SEO你絕對不可以忽略的【網站速度優化】，關於速度優化的三兩事

網頁前端 優化

這次主題 我以 前端優化 為主，不過這並 不代表 後端優化 並不重要

根據 High Performance Web Sites 這本書指出，大部分網站花費在取得 HTML Document 的時間不會大於 20% ，而其餘的 80%~90% 都花費在取得頁面所需的其他 components 上

上述的結論也代表著 前端優化 可以 爭取到不少的時間

另外 後端優化 的部分 為了優化後端效能可能還得重新設計整體程式架構 ， 這時間上的成本其實是很高的

優化的基準

那有 優化的基準 存在嗎？ 這當然是沒有啊～

要快還要更快 !!

不過還是有些目標作為出發點：

• 減少 http request
• 檔案是否同步載入
• fps
• ….

需要的基礎觀念

在進行優化之前，對 瀏覽器是如何渲染網頁 要有個 基本觀念

這會關係到 檔案的加載優化 的部分，十分重要

瀏覽器做了那些事

有對 前端優化 有 新的認知 與 方向 後，再來就要進入主題了