[前端效能優化] 前端效能 優化的 目的 與 重要性
最近對在前端的開發中，接觸到了 前端優化 這個議題
當下想說前端的優化不外乎就是把 能 壓縮 的檔案，包含 HTML、CSS、JavaScript 還有一些 圖檔 能壓縮的就壓縮就好了嗎？
雖然上面的說法並沒有錯，不過其實 壓縮 的這件事情，只佔了 前端優化 的 一小部分 而已
另外對於網站來說，效能好壞的 基準點 又是什麼？
深入研究後才發覺 前端優化 是個很有趣的議題，也是 前端工程師 ， 必須要修的課題
為什麼要做網站優化？
身為一名 使用者 在使用 電腦 或 行動裝置 進入某網站的應用時，最沒有辦法接受 的就是 網站載入過於龜速
有研究表明：51% 的人會放棄使用加載時間超過 10 秒的網站。( kissmetrics infographic)
就是上面這些點，就能體會出 網站性能 的重要性
另外當你的網站對於 伺服器 而言，只要多一次的請求，對於 伺服器 來說，就是多了一次的消耗
對伺服器的請求 次數 越多，請求的 檔案 越大，這些東西除了對效能又直接的影響外，對 伺服器 的 營運成本 也有直接的關係
還有一點非常重要：
Google 於2010年曾經正式公告，網站速度是搜尋排名的因素之一
（優化網站的速度，能同時提升使用者體驗與Google 抓取網站的資料量）
網頁前端 優化
這次主題 我以 前端優化 為主，不過這並 不代表 後端優化 並不重要
根據 High Performance Web Sites 這本書指出，大部分網站花費在取得 HTML Document 的時間不會大於 20% ，而其餘的 80%~90% 都花費在取得頁面所需的其他 components 上
上述的結論也代表著 前端優化 可以 爭取到不少的時間
另外 後端優化 的部分 為了優化後端效能可能還得重新設計整體程式架構 ， 這時間上的成本其實是很高的
優化的基準
那有 優化的基準 存在嗎？ 這當然是沒有啊～
要快還要更快 !!
不過還是有些目標作為出發點：
- 減少 http request
- 檔案是否同步載入
- fps
- ….
需要的基礎觀念
在進行優化之前，對 瀏覽器是如何渲染網頁 要有個 基本觀念
這會關係到 檔案的加載優化 的部分，十分重要
有對 前端優化 有 新的認知 與 方向 後，再來就要進入主題了