性能优化
文章平均质量分 74
名之以父
阿里云专家博主,华为云云享专家。学过Java,Python,最终发现自己喜欢前端,热爱前端,乐于分享前端知识,无论是基础知识的总结还是刷题,框架等等都会涉及
来自EPI软件实验室
展开
-
前端--性能优化【下篇】--框架优化与webpack优化
1. v-for添加key 2. 路由懒加载 3. 第三方插件按需引入 4. 合理使用computed和watch 5. v-for的同时避免使用v-if 6. destory时销毁事件:比如addEventListener添加的事件、setTimeout、setInterval、bus.$on绑定的监听事件等 7. 使用tree-shaking,只引入我们实际需要的代码,不是整个库 8. 组件优化,可以使用`v-if`和`v-else`来减少不必要的DOM渲染 9. CND优化原创 2023-10-24 16:28:47 · 492 阅读 · 3 评论 -
前端--性能优化【中篇】--html+css优化与图片优化
浏览器读取选择器,遵循的原则是从选择器的右边到左边读取。也就是说,假如css选择器很复杂的话,渲染在浏览器里的CSSOM树,会呈现很高的层级,不是扁平化的,导致在查找具体选择器的时候难度增加,树的深度很高,难以快速精准定位。原创 2023-10-21 18:08:26 · 437 阅读 · 5 评论 -
前端--性能优化【上篇】--网络优化与页面渲染优化
link标签的rel属性设置dns-prefetch,提前获取域名对应的IP地址。 用户与服务器的物理距离对响应时间也有影响。 内容分发网络(CDN)是一组分散在不同地理位置的 web 服务器,用来给用户更高效地发送内容。典型地,选择用来发送内容的服务器是基于网络距离的衡量标准的。 用于页面渲染和任务处理的技术,旨在提高应用程序的响应性和用户体验。它将长时间运行的任务分解成小的时间片段,这些任务在多个帧之间分散执行,以确保主线程不会长时间被阻塞,从而保持页面的流畅性原创 2023-10-18 17:53:13 · 1085 阅读 · 5 评论