以前那些优化技巧就不说了，自己找度娘或谷哥一大把（搜索前端优化）。
推荐几篇：
CSS3与页面布局学习总结（八）——浏览器兼容与前端性能优化
《高性能网站建设指南》这本书中提出了一些规则：
规则1——减少HTTP请求
规则2——使用内容发布网络
规则3——添加Expires头
规则4——压缩组件
规则5——将样式表放在顶部
规则6——将脚本放在底部
规则7——避免CSS表达式
规则8——使用外部JavaScript和CSS
规则9——减少DNS查找
规则10——精简JavaScript
规则11——避免重定向
规则12——移除重复脚本
规则13——配置ETag
规则14——使AjaX可缓存
1，css prefetch
详解HTML5中rel属性的prefetch预加载功能使用
前端性能优化 - 资源预加载
預先取回連結 (Prefetch) 問答集
Accept-Ranges: bytes 类似断点续传。
static layout 静态布局
2, 你不知道的前端性能优化
你不知道的前端性能优化 - 静态资源优化 （一）
你不知道的前端性能优化 - 布局与样式 （二）
你不知道的前端性能优化 - 缓存优化 （三）
PWA和 service worker
PWA学习心得，关于pwa的一篇比较全面的介绍文章，内有许多相关概念的链接
性能监测对象
谷歌搜索 PerformanceObserver用法大全
蚂蚁金服这样做前端性能监控
在线html，js编辑器-演示时用
让你的网页更丝滑 - 声享
网友评论