前端优化总结

以前那些优化技巧就不说了,自己找度娘或谷哥一大把(搜索前端优化)。

推荐几篇:

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的一篇比较全面的介绍文章,内有许多相关概念的链接

go

像素管道

性能监测对象

谷歌搜索 PerformanceObserver用法大全
蚂蚁金服这样做前端性能监控
在线html,js编辑器-演示时用
让你的网页更丝滑 - 声享

你可能感兴趣的:(前端优化总结)