yl_1125

我们经常会问 AI 一些问题，大多数情况下，它会综合各种资料，给我们想要的回答。 但有的时候就不行了： 比如我写了 10 年的日记，这些都是私密信息，没有公开。 那让 AI...

前言 前面篇章我们分析了“从输入URL到页面加载完成”的完整链路，主要经历“网络请求、浏览器渲染”两大过程，那么优化方案我们可以围绕这两方面展开探索，此篇我们先来看“网络层...

本文记录了首屏加载优化过程，通过rollup-plugin-visualizer分析资源请求，使用unplugin-vue-components按需加载，并采用rollup...

一道经典的面试题，可以把浏览器组织架构、网络通信、浏览器渲染等知识点整合起来。今天来总结一下，不足之处请提出宝贵意见。 一. 处理输入 当用户开始在地址栏中输入内容时，浏览...

CLS (Cumulative Layout Shift) 是 Core Web Vitals 三个关键指标之一，用于衡量页面可见内容在加载过程中的意外布局偏移。CLS 反...

前言 前端工程师的一大使命就是做好性能优化，例如我们的防抖、减少http请求次数。例如学会利用缓存，不要每次都重新做加载，那么今天就来分享一下懒加载，对非关键资源进行延迟加...

震惊！中后台也需要做交互优化？到底是道德的沦丧还是人性的泯灭？欢迎收看大型中后台交互优化连续剧第一集——方法论。...

前言 当我们在浏览器中输入一串 URL 后，比如(https://www.baidu.com/)，很快百度的页面就能加载出来。那在这个过程中，浏览器都进行了哪些操作呢？ 面...

前言： 　　随着VS Code的功能和插件的不断强大和完善，它已经成为了我们日常开发中一个必不可缺的伙伴了。在之前我曾经写过一篇SourceTree使用教程详解（一个git...

前言 默认情况下，Wireshark 的 TCP 解析器会跟踪每个 TCP 会话的状态，并在检测到问题或潜在问题时提供额外的信息。在第一次打开捕获文件时，会对每个 TCP ...

大家好，我是风骨，今天和大家分享一篇有关「前端性能优化」的话题。作为优秀的前端工程师，我们需要时刻关注页面性能指标，并持续优化。 在这篇文章中，我们将深入探讨前端性能优化的...

Chrome 开发者工具的网络面板是一个强大的分析工具，它可以帮助开发者监控和诊断页面加载过程中的网络活动。使用网络面板，你可以查看资源的加载顺序、大小、加载时间以及可能的...

这篇文章旨在解决大家在实际场景中高概率会遇到的关于滚动功能的性能瓶颈问题，这个问题经常会出现在以下两个高发场景： 1.海量数据的手动无限滚动加载问题 2.活动场景海量数据自...

H5的加载性能对用户的留存和体验非常重要，如何秉着做到“极致”的愿景推进H5的秒开优化，本文先后从加载策略优化、资源大小优化、APP协同优化等方面讲解了我们再推进H5加载性...

作为一位拥有13年经验的资深前端开发者，我深知性能优化在实践上的难点和痛点。一方面，业务需要更好的打开率、更高的转化率，一方面，扑面而来的优化手段却又千篇一律，好像知道很多...

本文旨在把常见的前端性能优化的手段归类整理，画大图，供大家在自己的自测流程中参考。对于性能优化，并不是说有了优化总结这张大图，就不管开发什么项目都对着来一遍。优化是有场景与...

在现代 Web 开发中，前端性能优化变得越来越重要。良好的性能不仅提升用户体验，还能显著提高应用的用户留存率和转化率。本文将介绍性能优化的指导性的原则，性能优化的关键性能指...

LCP 是 Core Web Vitals 的三个关键指标之一，是 Google 用于评估网页用户体验的标准之一。LCP 时间应在 2.5 秒以内。如果 LCP 超过 4 ...

前言 默认情况下，Wireshark 的 TCP 解析器会跟踪每个 TCP 会话的状态，并在检测到问题或潜在问题时提供额外的信息。在第一次打开捕获文件时，会对每个 TCP ...