了解 DNS 解析,充分利用 CDN,使用多个域名来完成资源的请求以缩短加载时间;
设置 HTTP Headers(Expires, Cache-Control, If-Modified-Since);
遵循 Steve Souders 给出的全部规则(High Performance Websites)
知道如何解决 PageSpeed、YSlow、Chrome Dev Tools Audit、Chrome Dev Tools Timeline 显示的所有问题;
知道什么任务该放在服务端,什么任务该放在客户端;
知道使用缓存,DNS 预取和资源预加载技巧;
精通 JavaScript,知道何时自己写何时借组别人的框架或代码,优劣明辨;
熟练使用现代 MVC JavaScript 框架(例如 AngularJS EmberJS React 等),图形库(D3、SnapSVG 等),DOM 操作类库(jQuery、Zepto 等),惰性加载或者模块管理类库(例如 RequireJS、CommonJS 等),任务调用工具(例如 Grunt Gulp 等),包管理工具(Bower Componentjs)以及测试工具(Protractor、Selenium 等);
掌握图片的格式,每种格式的优点,适用的场景;知道图片优化技巧以及加载策略(雪碧图、懒加载、缓存刷新以及 PNG 交错);
熟悉 CSS 标准、最新的转换工具积极策略规范(比如 EDM、SMACSS、OOCSS 等);
JavaScript 的计算机科学(内存管理、单进程特性、垃圾回收算法、定时器、作用域、提升以及设计模式)。
源文:http://qianduan.guru/2016/02/24/Why-cant-we-find-Front-End-developers/