## 網站性能優化
>Web 性能優化, WPO, 或網站優化是提高用戶瀏覽器的網站加載和顯示速度的知識領域. 由于網速整體提高了, 很適合網站的管理者和維護者去考慮網站呈現給訪問者所花費的時間了. - wikipedia
**入門學習:**
<ul>
<li><a href="https://frontendmasters.com/courses/website-performance/" target="_blank">Website Performance</a> [watch][$]</li>
<li><a href="http://www.amazon.com/High-Performance-Web-Sites-Essential/dp/0596529309/ref=sr_1_3" target="_blank">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a> [read][$]</li>
<li><a href="http://www.amazon.com/Even-Faster-Web-Sites-Performance/dp/0596522304/ref=sr_1_5" target="_blank">Even Faster Web Sites: Performance Best Practices for Web Developers</a> [read][$]</li>
<li><a href="http://www.amazon.com/Web-Performance-Daybook-Stoyan-Stefanov/dp/1449332919/ref=sr_1_4" target="_blank">Web Performance Daybook Volume 2</a> [read][$]</li>
<li><a href="http://javascriptrocks.com/" target="_blank">JavaScript Performance Rocks</a> [read]</li>
<li><a href="http://calendar.perfplanet.com/2014/" target="_blank">Performance Calendar</a> [read]</li>
<li><a href="https://developers.google.com/speed/docs/insights/rules" target="_blank">PageSpeed Insights Rules</a> [read]</li>
<li><a href="https://www.udacity.com/course/website-performance-optimization--ud884" target="_blank">Website Performance Optimization</a> [watch]</li>
<li><a href="https://www.udacity.com/course/browser-rendering-optimization--ud860" target="_blank">Browser Rendering Optimization</a> [watch]</li>
<li><a href="http://www.amazon.com/Using-WebPageTest-Rick-Viscomi/dp/1491902590/ref=sr_1_1" target="_blank">Using WebPageTest</a> [read][$]</li>
<li><a href="http://shop.oreilly.com/product/0636920032427.do" target="_blank">Web Performance: The Definitive Guide</a> [read]</li>
<li><a href="http://perf.rocks/" target="_blank">perf.rocks</a></li>
</ul>
**譯者補充:**
* [谷歌的性能優化指南](https://developers.google.com/web/fundamentals/performance/?hl=zh-cn)
- Introduction
- 什么是前端開發者?
- 第一部分: 前端開發實踐
- 前端的工作職稱
- 常用的網絡技術
- 前端開發技術棧
- 前端開發做什么
- 團隊中的前端
- 全才神話
- 前端的面試問題
- 前端工作版塊
- 前端薪資
- 如何培養前端開發者?
- 第二部分: 前端開發學習
- 自主學習
- Internet/Web
- Web瀏覽器
- DNS
- HTTP/網絡
- Web 主機
- 前端開發綜合學習
- 用戶界面和交互設計
- HTML & CSS
- SEO
- Javascript
- Web 動畫
- DOM, BOM & JQuery
- Web 字體
- 無障礙設計
- Web/瀏覽器 API
- JSON
- 靜態網頁生成器
- 前端應用架構設計
- 接口/API 設計
- Web 開發者工具
- 命令行
- Node.js
- 模塊加載器
- 包管理器
- 版本控制
- 構建 & 任務自動化
- 網站性能優化
- JS 測試
- 無殼瀏覽器
- 離線開發
- 安全
- 多平臺開發
- 指導學習
- 前端指導學習
- 前端開發者從哪里學
- 前端簡報, 資訊 & 博客
- 第三部分: 前端開發工具
- 常用前端開發工具
- DOC/API 瀏覽
- SEO
- 原型和框架
- 圖表
- HTTP/網絡
- 代碼編輯
- 瀏覽器
- HTML
- CSS
- DOM
- JavaScript
- 靜態網頁生成器
- APP(桌面, 移動, 平板等) 管理
- 腳手架
- 模板
- UI 部件 & 組件
- 數據可視化
- 圖形
- 動畫
- JSON
- 測試框架
- 數據存儲
- 模塊/包加載
- 模塊/包倉庫
- Web/云/靜態主機托管
- 項目管理 & 代碼托管
- 合作 & 交流
- CMS 托管/API
- BASS
- 離線
- 安全
- 任務管理
- 部署
- 網站/APP 監控
- JS 錯誤監控
- 性能