前端性能优化
-
前端性能优化-代码优化
JS开销和如何缩短解析时间 代码解决方案 Code splitting代码拆分,按需加载 Tree shaking代码减重 减少主线程工作量 避免长任务 避免超过1KB的行间脚本 …
-
浏览器渲染原理和关键渲染路径
浏览器的渲染流程 JavaScript => Style => Layout => Paint => Composite 浏览器构建对象模型 构建DOM对象…
-
前端性能指标和优化目标
性能指标 加载 理解加载瀑布图 基于HAR存储与重建性能信息 速度指数(Speed Index) 重要测量指标 Speed Index页面渲染速度 TTFB网络请求耗时 页面加载时…
-
前端面试题-资源优化
资源的压缩与合并 为什么要压缩与合并 减少http请求数量 减少请求资源大小 HTML压缩 使用在线工具进行压缩 使用html-minifier等npm工具 CSS压缩 使用在线工…
-
前端性能优化架构
本文描述了一些使前端应用程序加载更快并提供良好用户体验的技术。 我们将研究前端的总体架构。如何先加载基本资源,并最大化资源已在缓存中的可能性? 文章链接→