【学习笔记】前端性能优化方法总结

1.DNS Prefetch(预获取域名) :在标签中加入 dns-prefetch 让浏览器提前进行DNS的解析并且缓存到系统中。
2.浏览器提前嗅探,根据状况加载合适图片:通过嗅探客户端分辨率、网络状况,通过设置不同的图片URL,对图片进行裁剪后加载
3.不要随便使用“Loading占位”:对“Loading占位”可以做一定优化,比如请求200ms后还未返回数据再使用“Loading占位”
4.资源合理分配域名,在同一域名可以减少网络握手请求时间,放在多个域名可以异步加载
5.分离静态资源:静态资源使用一个单独的域名,减少Cookies上传,这样能减少一部分无用的流量传输。
6.节流、防抖:对于高频触发的事件,设置1s检测一次(节流)或者用户再停止操作后再去检测(防抖),增加页面流畅度。
7.使用LocalStorage做HTML缓存:页面加载时直接从Storage中获取,然后append到页面,等接口数据回来之后,再Diff做更新。
8.对于页面公有组件使用LocalStorage进行缓存,这样一来就可以实现多个页面共享缓存,让第一次加载也能非常快速。

原文地址:https://www.cnblogs.com/lauzhishuai/p/10643509.html