web性能优化
5篇文章 · 0订阅
  • 「前端性能」避免回流和重绘的必要性
    前言 本文会介绍浏览器中帧（Frame）的概念，它的流程是怎么样的。 至于写这个文章的出发点在于，我好奇浏览器中像素工作流程是怎么样的，什么时候开始的，最后的结果是什么。 基于这些好奇，查阅了些外文资
    前端 性能优化
    「前端性能」避免回流和重绘的必要性
  • 浅聊HTTP缓存 (HTTP Cache)
    HTTP缓存一直是一个老生常谈的问题，前端在日常发布、部署工作中，常常要面对。 项目会在静态资源（如:css,js）使用chunkHash来处理，因此能保证修改后与旧代码文件名字不会重复。以避免无法更新改动。 在该项目中部署后，进行代码进行一次location.reload，改…
    HTML CSS JavaScript
  • 在淘宝优化了一个大型项目，分享一些干货（Webpack，SplitChunk代码实例，图文结合）
    本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布时间很长，内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上，而在于开发…
    Webpack
  • 前端-埋点-理念-通识-浅谈
    采集商品曝光... 前端：产品要看隔壁老王昨天... 埋点代码书写复杂，复杂度大于业务代码，成为开发者的一个大负担。 概念：所谓的代码埋点就是在你需要统计数据的地方植入N行代码，统计用户的关键行为。 使用者可以比较方便地设置自定义属性、自定义事件，传递比较丰富的数据到服务端。 …
    前端
  • 让你的网页更丝滑（一）
    前段时间，我将精力专注在Web性能领域；在这个领域下有个重要的课题是如何让网页更丝滑（流畅）。 想让网页变得丝滑，首先，我们需要一个标准来判断什么样的网页是丝滑的；其次，我们要准确的测量出网页的性能数据；最后，使用有效的方法让网页变得丝滑。 本篇文章将针对这三个方面进行详细的介…
    JavaScript 性能优化
    让你的网页更丝滑（一）