首页白屏问题是指用户打开页面后，需要等待很长时间才能看到页面内容，这会让用户感到不耐烦，造成白屏的原因有很多，比如网络延迟、JS 加载过多、渲染性能不佳等等，针对不同的原因，我们需要采取不同的优化策略

本文整理介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。

长期以来，衡量网页主要内容的加载速度以及对用户可见是一个一直以来的挑战。load 或 DOMContentLoaded 等旧指标效果不佳，因为它们不一定与用户在屏幕上看到的内容相对应。而较新的以用户为

图片懒加载（Lazy Loading） 核心思想：在用户浏览网页时，并不立即加载所有的图片，而是当图片即将进入可视区域，才开始加载该图片。

今天面试的时候面试官直接问了一句后端一次性返回10万条数据给你，你如何处理？，我脑中浮现的第一句话就是拿着物理学圣剑找后端进行 “友好的协商”，谁打赢了听谁的。

背景 一、import按需加载 很多小伙伴肯定不少看到过，性能优化路由要用import('@/views/xxxx.vue')这样就可以按需加载了。 本身的vue-cli自动创建出来的时候也会有这一条

前阵子被一个 base 北京的小厂面到这个问题，我仅知道实现大文件上传可以通过切片的方式，但是当面试官问我具体实现细节的时候我就沉默了，这个问题本来就应该是大厂问的，心想现在行业都这么卷了吗，小

在Web应用中，文件上传是一项常见的功能。然而，当文件体积过大时，传统的文件上传方式往往会导致页面卡顿，用户体验不佳。为了解决这一问题，我们可以利用Web Worker技术来进行大文件的切片上传。

本文将介绍 Hybrid App 离线包的通用方案，并讨论 HTML 文件放入离线包的利弊。通过引入 CAP 理论作为指导准则，帮助优化和抉择离线包的一致性和可用性问题。