前言 前段时间老板心血来潮，要我们前端组对整个的项目都做一下接口防止重复请求的处理（似乎是有用户通过一些快速点击薅到了一些优惠券啥的）。。。行吧，搞就搞吧，you happy jiu ok！

单页面首屏优化，打包后大小减少64M，加载速度快了13.6秒 1. 静态文件缓存(js,css等)，图片和SVG进行压缩或者替换。 2. 删掉无用路由、引用的库（实际未使用），然后启用树摇 3. ..

一般的性能优化可以通过Chrome的Lighthouse和Performance这两个工具面板指示来进行调整。Lighthouse和Performance两板斧，一起结合，可以对网站性能进行提升

1.目标场景 有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。 2.思考解决方案 如何去解决这个问题 思

什么是Web Worker 15年前，也就是2008年，html第五版html5发布，这一版的发布，提供了不少新的好用的功能，如： Canvas绘图 拖拽drag websocket Geolocat

在现代浏览器的本地存储方案中，indexedDB 是一项重要的能力组成， 它是可以在浏览器端使用的本地数据库，可以存储大量数据，提供接口来查询，还可以建立索引，这些都是其他存储方案 Cookie 或者 LocalStorage 无法提供的能力。单从数据库类型来看，Indexed…

昨日，一位程序员在优化公司的埋点SDK使用方式后，出了一些小插曲。不知道是什么原因，更新之后就开始有用户反馈说网页卡卡地，走得比蜗牛还慢。

[toc] 前言 一份简洁、纯粹的Web前端性能优化清单。每个优化点都包含有概念、实操和参考资料。面试、实战两相宜。 这是一个大工程。在正式开始之前，先统一下语言，澄清每一部分的目的和要求，防止跑偏。

总结了一下前端性能优化的方法，这是面试必然会遇到的问题。大概的话就是比较常见的方法，其实很多方法也有利有弊，互相学习。