性能优化
10篇文章 · 0订阅
  • new Image() 预加载 为什么比 <img>直接加载要好？
    new Image() 预加载 为什么比 <img>直接加载要好？<img> 直接加载对比 new Image() 预加载 1. 加载时机和页面渲染的差异 直接渲染到 <img> 标签
    前端 性能优化 面试
    new Image() 预加载 为什么比 <img>直接加载要好？
  • Chrome插件：切图压缩工具
    在前端项目开发中，尤其是活动项目，大量使用未压缩的图片必将会影响页面打开速度，降低用户体验。因此，我们需要对下载的切图进行压缩处理。
    前端
    Chrome插件：切图压缩工具
  • 浏览器之性能指标-LCP
    大家好，我是柒八九。 前言 前几天，我们写了关于Chrome的FCP,看后台数据，反响还是不错的。 那么，今天我们继续讲另外一个比较重要的性能指标LCP。 如果想了解该系列文章(浏览器底层原理&优化方
    前端 JavaScript 浏览器
  • 浏览器原理系列（一）：FP，FCP，LCP，DCL，L之分析优化
    从网页控制台分析FP，FCP，LCP，DCL，L的触发时间，以及讨论如何优化。 名词解释 名词 全称 解释 FP firstPaint 首次绘制 FCP firstContentfulPaint
    前端
  • 前端性能优化 — 保姆级 Performance 工具使用指南
    性能分析一直是前端er们津津乐道的话题；而俗话说得好：工欲善其事，必先利其器； 说到前端性能，就少不了性能分析的利器 —— Performance 😎；我想各位前端小伙伴，在使用 Chrome 浏览器
    性能优化
  • 前端铜九铁十面试必备八股文——性能优化
    图片懒加载原理 图片懒加载也叫延迟加载，只加载当前屏幕的图片，可视区域外的图片不会进行加载，只有当屏幕滚动的时候才加载。 特点： 提高网页加载速度 减少后台服务器压力 提升用户体验 原理 将图片地址存
    前端 面试 性能优化
    前端铜九铁十面试必备八股文——性能优化
  • 【你不知道的promise】设计一个支持并发的前端接口缓存
    前端缓存，到底怎么设计？🤔怎么在不改变调用方式的情况下实现并发缓存呢？怎么跟promise结合呢？
    Promise 前端
    【你不知道的promise】设计一个支持并发的前端接口缓存
  • 性能优化之通俗易懂学习requestAnimationFrame和使用场景举例
    requestAnimationFrame官方介绍 requestAnimationFrame用处概述 window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画，
    JavaScript 掘金·金石计划
    性能优化之通俗易懂学习requestAnimationFrame和使用场景举例
  • 利用requestAnimationFrame优化大数据列表渲染
    数据量比较大的列表进行渲染时，可以看到很明显的卡顿， 应对这种情况，主流的方案一般采用虚拟滚动进行优化，本文则主要分享一下`分片思想 + requestAnimationFrame`的优化方式。
    JavaScript 性能优化
  • 图片纯前端JS压缩的实现
    以上就是图片前端压缩并上传demo的完整演示。 要想使用JS实现图片的压缩效果，原理其实很简单，核心API就是使用canvas的drawImage()方法。 各参数具体含义可以参见“Canvas API中文文档-drawImage”，这里不展开。 把大图片画在一张小画布上，压缩…
    JavaScript 前端 Canvas