对于几百M或上G的大图而言，不管对图片进行怎么优化或加速处理，要实现秒开也是不太可能的事情。而“图像分割切片”是最佳解决方案。图像切片是指将一张大图分割成若干个小图的过程，以便于存储和处理。

用vue开发项目上线以后，发现首页加载速度非常慢，如果项目比较大，甚至可能出现10s以上的等待。用户体验非常差，试想如果你准备买一双AJ，登录某宝首页等了足足5s，那肯定果断选择某多多了。

前言 大家好 我是鲨鱼哥~ 这是鲨鱼哥 2022 年的第一篇文章 为啥第一篇文章就要写前端性能定位相关呢 其实老粉都知道 性能优化文章我早在去年六月就说要完成的 各种事情一耽误 就过了大半年了

这个 API 我第一接触到还是在了解 React 的 fiber 实现时，接触到这个 requestIdleCallback。fiber 将耗时的任务切分为一个一个小任务然后来执行。

背景 前几天晚上下班的时候， 路过隔壁项目组， 听他们在聊项目构建的事： 他们项目比较庞大， 线上构建时间特别长， 基本都在15分钟以上。 和他们简单聊了会， 回去瞅了一下自己项目的构建时间： 其实也

一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance

现代网站重度依赖 scroll 事件并不是什么秘密了。滚动可以触发图片懒加载或延迟请求数据、初始化动画、支持无尽内容的加载，如此等等。糟糕的是这些 scroll 事件都不太可靠，也都是资源消耗大户。这在实现效果方面引起了问题，也常常让浏览器不堪重负。 作为一种处理 scroll…

这是个还在草案中的API，不过大部分浏览器均已实现（除了IE）。先看下MDN中的介绍： 当页面滚动时，懒加载图片或其他内容。 实现“可无限滚动”网站，也就是当用户滚动网页时直接加载更多内容，无需翻页。 滚动到相应区域来执行相应动画或其他任务。 一直以来，检测元素的可视状态或者两…

Intersection Observer API 提供给web开发者，一种异步查询元素相对于其他元素或窗口位置的能力。它常用于追踪一个元素在窗口的可视问题，比如下图，滚动页面，顶部会提示绿色方块的可视性。 在 Intersection Observer 出来之前，传统位置计算…