前端优化
18篇文章 · 0订阅
  • 性能提升60%：前端性能优化终极指南
    性能优化一直是前端绕不开的话题。页面加载慢、交互卡顿，不仅影响用户体验，还可能直接流失用户。本文将从加载、运行、构建、网络四个环节，系统梳理前端能想到的各种性能优化手段，帮助我们尽
    前端 性能优化
    性能提升60%：前端性能优化终极指南
  • 前端加载超大图片(100M以上)实现秒开解决方案
    对于几百M或上G的大图而言，不管对图片进行怎么优化或加速处理，要实现秒开也是不太可能的事情。而“图像分割切片”是最佳解决方案。图像切片是指将一张大图分割成若干个小图的过程，以便于存储和处理。
    前端
    前端加载超大图片(100M以上)实现秒开解决方案
  • 什么？后端要一次性返回我10万条数据！且看我这8种方案机智应对！
    问题描述 面试官：后端一次性返回10万条数据给你，你如何处理？ 我：歪嘴一笑，what the f**k! 问题考察点 看似无厘头的问题，实际上考查候选人知识的广度和深度，虽然在工作中这种情况很少遇到
    性能优化 Vue.js 掘金·金石计划
    什么？后端要一次性返回我10万条数据！且看我这8种方案机智应对！
  • 字节前端监控实践
    简述 Slardar 前端监控自18年底开始建设以来，从仅仅作为 Sentry 的替代，经历了一系列迭代和发展，目前做为一个监控解决方案，已经应用到抖音、西瓜、今日头条等众多业务线。 据21年下旬统计
    前端 监控
  • 两行CSS让页面提升了近7倍渲染性能！
    现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页或者虚拟列表来减缓页面一次性
    CSS HTML
    两行CSS让页面提升了近7倍渲染性能！
  • 前端性能优化——首页资源压缩63%、白屏时间缩短86%
    提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理
    前端 性能优化 Vue.js
    前端性能优化——首页资源压缩63%、白屏时间缩短86%
  • 写给中高级前端关于性能优化的9大策略和6大指标 | 网易四年实践
    所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标
    CSS JavaScript 前端
    写给中高级前端关于性能优化的9大策略和6大指标 | 网易四年实践
  • 「前端性能」避免回流和重绘的必要性
    前言 本文会介绍浏览器中帧（Frame）的概念，它的流程是怎么样的。 至于写这个文章的出发点在于，我好奇浏览器中像素工作流程是怎么样的，什么时候开始的，最后的结果是什么。 基于这些好奇，查阅了些外文资
    前端 性能优化
    「前端性能」避免回流和重绘的必要性
  • web 前端图片懒加载实现原理
    web 前端图片懒加载实现原理
    前端
  • 前端性能优化 24 条建议（2020）
    性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …
    前端 性能优化 JavaScript