当前位置: 首页 > Web前端 > HTML

FE.B-前端性能优化

时间:2023-04-02 15:42:12 HTML

http缓存http1.0:expires,last-modifiedhttp1.1E-tag,cache-controlhtmlno-cachecss,jsmd5/timestmap/version+long缓存图片随机名+longcachecookieHttp-onlymtupolicypackage1.5kb并行请求可以避免重定向,一次重定向至少要600ms。浏览器缓存localStorage:不超过5M,数据不安全,访问trycatch防止出错视觉交互34-137ms65ms54ms反馈节流,防抖throttle&debouncesetTimeout&requestAnimationFramelazyload&preloadreact懒惰悬念视觉欺诈分页预加载资源图片bpg,webp,base64编码谨慎,响应式图片字体font-spider,preconnectJS异步加载,treeshaking,代码拆分htmldns-prefetchcss异步加载其他webworkerWebAssembly系列(二)JavaScriptJust-in-time(JIT)工作原理前端性能测试代码监控报错性能http://jsben.ch/https://benchmarkjs.com/https://github.com/jsperf/jsp...参考浏览器渲染优化前端性能榜单前端性能优化2019年度总结ry前端性能报告performance-developers.google.cn【2017专题】性能优化2019前端性能优化年度总结