性能优化
51篇文章 · 0订阅
  • 📈 Vue首屏优化终极指南：10大黑科技让加载速度飙升300%（附实战代码）
    为什么你的Vue应用首屏总在转圈？ 2023年权威报告显示，​首屏加载时间每增加1秒，用户流失率提升11%。但Vue单页应用（SPA）常因打包体积过大、资源加载阻塞等问题，导致用户面对"白屏
    前端 Vue.js
  • 🗣️面试官：有一个比较经典的 case 也想探讨一下 「页面白屏如何排查？」
    在面试和实际场景中衍生出来的问题 -- 从页面白屏问题排查, 到自定义白屏检测SDK, 进来用一篇文章教会你✌️✨
    前端 面试 开源
    🗣️面试官：有一个比较经典的 case 也想探讨一下 「页面白屏如何排查？」
  • 前端性能优化的几个大招（理论+实践，看完就是Leader水平）
    前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么？优化
    前端 面试 性能优化
  • 性能优化实践 - 优化资源加载速度
    背景与目标 背景：商城移动端，首屏加载过慢，需要做性能优化。 目标：减少白屏时间，提高页面加载速度，提升用户体验。 ⭐本文将重点放在对资源加载速度的优化。
    性能优化 Webpack 前端
    性能优化实践 - 优化资源加载速度
  • new Image() 预加载 为什么比 <img>直接加载要好？
    new Image() 预加载 为什么比 <img>直接加载要好？<img> 直接加载对比 new Image() 预加载 1. 加载时机和页面渲染的差异 直接渲染到 <img> 标签
    前端 性能优化 面试
    new Image() 预加载 为什么比 <img>直接加载要好？
  • Vue3 封装不定高虚拟列表 hooks，复用性更好！
    Vue3 封装不定高虚拟列表 hooks，提高复用性，支持第三方库 Select、Table 组件和自定义组件。
    Vue.js 前端 JavaScript
    Vue3 封装不定高虚拟列表 hooks，复用性更好！
  • 面试被问到如何一次性渲染十万条数据，我该怎么答？
    引言 在前端开发中，性能优化是一个永恒的话题。我们经常需要处理和展示大量的数据，所以当面试官问到：“如何一次性渲染十万条数据而不影响用户体验？”你会怎么回答？直接渲染十万条数据可能会导致页面卡顿、响应
    前端 面试 性能优化
    面试被问到如何一次性渲染十万条数据，我该怎么答？
  • js脚本一定会阻塞浏览器渲染文档吗？script标签的async和defer属性
    js脚本一定会阻塞浏览器渲染文档吗？script标签的async和defer属性。浏览器解析文档时，默认是按照排列顺序向下解析的，当遇到script标签时，和其他标签元素一样（例如一个div），会先解
    前端
  • Webpack 原理系列九：Tree-Shaking 实现原理
    一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确
    前端 JavaScript
    Webpack 原理系列九：Tree-Shaking 实现原理
  • 原来 CSS 与 JS 是这样阻塞 DOM 解析和渲染的
    hello~各位亲爱的看官老爷们大家好。估计大家都听过，尽量将CSS放头部，JS放底部，这样可以提高页面的性能。然而，为什么呢？大家有考虑过么？很长一段时间，我都是知其然而不知其所以然，强行背下来应付考核当然可以，但实际应用中必然一塌糊涂。因此洗（wang）心（yang）革（b…
    CSS JavaScript