Web前端性能测试与优化 学习笔记 V0.2.pdfVIP

www.AutomationQA.com  Web 前端性能知识体系  2  前端性能的重要性  6  基础术语  7  HAR （Http Archive ） 7  HAR Viewer  8  基础知识和技能  8  Web 页面性能设计原则  11  Styles at the top, scripts at the bottom  11  Make fewer requests  12  Maximising parallelisation  13  DNS prefetching  13  Resource prefetching  13  CSS and performance  14  Gzipping and minifying  14  Optimising images  14  Spriting  15  Retina images  15  Progressive JPGs  15  Use no images at all  15  Web 前端性能优化  15  连接优化 16  压缩优化 17  HTML 压缩  17  FL  17  精简 JavaScript  CSS  18  Images Optimization（图片压缩）  18  服务器端压缩  18  缓存  19  缓存头（Cache‐Control ）  19  ETag  19  缓存破坏  19  connect‐cachify  20  connect-etagify  20  前端 CPU 性能优化  20  高性能 JavaScript  22  JavaScript 性能测试  22  JavaScript Timer  22  YUI Profiler  22  Firebug  22  Internet Explorer Developer Tools  23  Safari Web Inspector  23  Chrome Developer Tools  23  Page Speed  23  www.AutomationQA.com  www.AutomationQA.com  利用 mod_pagespeed 加速网站  23  Apache With Mod_pagespeed  23  利处 25  安装方法  25  不足 25  工具  25  使用 Chrome 开发者工具做 JS 性能分析  31  使用 Google Page Speed 优化 Web 前端性能  41  Yslow  43  Fiddler  52  Dynatrace  63  HTTPWatch  63  ShowSlow 平台搭建  63  berserkJS （前端测试自动化+页面性能分析）  64  Phantomjs  65  PhantomJS is an optimal solution for  65  HEADLESS WEBSITE TESTING  65