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

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进行缓存，这样一来就能够实现多个页面共享缓存，让第一次加载也能很是快速。