前端优化是个很广泛的命题，铺开去得出本书了（事实上我也没那本事），实际上市面上也有很多相关的书籍。动画与交互上的性能问题最容易被察觉，特别是在机能较低的移动端。由于自己有过一段移动开发的经历，较为关注这块且作为一个爱拾人牙慧的切图狗，现将一些他人成熟的优化方法总结如下：
当然，所有的优化都是有场景，请根据实际的场景去选择最优的方案使用。
Vue.js & checked 半选
引子
上周项目中有一常见的场景需求：一组 checkbox，然后一 checkbox 控制该组的全选/全不选状态，如该组未全选中需展示成半选中的状态。可能我描述的不够清楚，反正就是如下的样子（我用 jQuery 写了个 demo）。实现起来并不复杂，为了保持跨浏览器样式一致性，之前是其他 DOM 元素去模拟 checkbox，半选状态是用添加特殊的 className 然后去实现对应的样式。为了提升效率（其实是懒），这次我直接用了系统控件。结果问题来了，原生控件半选模式怎么展示？学了这么多年 HTML，抓耳挠腮貌似没有表示 checkbox 半选状态的属性。
WordPress 加载速度优化实践
最近兴起开坑了一款新主题，名为 Pure，寓意简洁轻量，目前还处于自己用着玩的阶段，等调教好了自然会拉出来接客见客。作为本款主题案例展示站，也要契合主题风格，自然对访问速度有要求。之前有提到博客换到到了独立小开间，不再挤大通铺了，访问速度略有提升，索性在别的地方也一并优化。经过几日折腾，取得了不错的阶段性成果，现将折腾过程记录总结如下：
优化思路以用户在浏览器输入网址到页面加载完毕为线索（不禁想起了前端经典面试题从输入URL到页面加载发生了什么😂）。