載入時間/效能

 

Efficient JavaScript

https://dev.opera.com/articles/efficient-javascript/?page=3

 

http://isux.tencent.com/h5-performance.html

 

http://taobaofed.org/blog/2016/01/20/mobile-wpo-pageshow-async/

60fps on the web 

http://engineering.flipboard.com/2015/02/mobile-web/

 

 http://www.webpagetest.org/

 

https://www.qianduan.net/high-performance-css3-animations/ 

 載入時間測試

http://www.webpagetest.org/

載入特效

https://jmperezperez.com/medium-image-progressive-loading-placeholder/

Optimization killers

https://github.com/petkaantonov/bluebird/wiki/Optimization-killers 

https://github.com/petkaantonov/deque

http://aosabook.org/en/posa/high-performance-networking-in-chrome.html

http://aosabook.org/en/index.html

 

 

頁面白屏與瀑布流分析方法

http://web.jobbole.com/84395/

阻塞渲染的 CSS

https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-blocking-css?hl=zh-cn

 

Android webview互動效能監測指標獲取方法（白屏時間，domc，整頁時間，首屏時間

http://www.apmbe.com/android-webview%E4%BA%A4%E4%BA%92%E6%80%A7%E8%83%BD%E7%9B%91%E6%B5%8B%E6%8C%87%E6%A0%87%E8%8E%B7%E5%8F%96%E6%96%B9%E6%B3%95%EF%BC%88%E7%99%BD%E5%B1%8F%E6%97%B6%E9%97%B4%EF%BC%8Cdomc%EF%BC%8C%E6%95%B4/

Chrome 遠端除錯協議分析與實戰

http://fex.baidu.com/blog/2014/06/remote-debugging-protocol//

 

 

靜態網頁資源的管理和優化

http://velocity.oreilly.com.cn/2010/index.php?func=session&name=%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5%E8%B5%84%E6%BA%90%E7%9A%84%E7%AE%A1%E7%90%86%E5%92%8C%E4%BC%98%E5%8C%96

http://velocity.oreilly.com.cn/2010/ppts/VelocityChina2010Dec7StaticResource.pdf

 

渲染效能

https://developers.google.com/web/fundamentals/performance/rendering/?hl=zh-cn

 

http://v.youku.com/v_show/id_XMjI5NTIwNjY4.html?f=5333814

 

https://developers.google.com/web/fundamentals/performance/critical-rendering-path/optimizing-critical-rendering-path?hl=en

https://developers.google.com/web/fundamentals/performance/critical-rendering-path/

http://taligarsiel.com/Projects/howbrowserswork1.htm

https://developers.google.com/web/fundamentals/performance/critical-rendering-path/constructing-the-object-model?hl=en

https://developers.google.com/web/tools/chrome-devtools/

https://developers.google.com/web/tools/chrome-devtools/profile/evaluate-performance/

https://developers.google.com/web/tools/chrome-devtools/profile/rendering-tools/analyze-runtime

https://developers.google.com/web/tools/chrome-devtools/profile/rendering-tools/forced-synchronous-layouts

https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-tree-construction?hl=en

https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-blocking-css?hl=en

https://developers.google.com/web/fundamentals/performance/critical-rendering-path/analyzing-crp?hl=en

https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/?hl=zh-cn

 

瀏覽器的重繪repaints與重排reflows

http://www.nihaoshijie.com.cn/index.php/archives/502

Navigation Timing

http://www.nihaoshijie.com.cn/index.php/archives/472