前端性能文章 | HeapDump性能社区

登录注册

全部 Java语言 Java虚拟机操作系统数据库前端存储中间件架构工具 C/C++语言测试其他

全部故障排查网络 Node.js 实战案例 Webpack 性能优化 React V8

前端

一次有趣的 DNS 导致 Node 服务故障问题分析实录

一次有趣的 DNS 导致 Node 服务故障问题分析实录

有一个部署 k3s 的边缘节点的机器，切到离线模式以后，有一个前端页面的部分请求接口异常了。node 部分的请求分为两类，一种是纯 node 的处理，一种是需要先 http 请求后端微服务的处理接口。现象是涉及 Node 请求后端 Java 服务的都 block 住了，纯 node 处理的请求都飞快

挖坑的张师傅2年前

12083

8

Java语言

一次 Node.js http 连接无法复用的问题排查

一次 Node.js http 连接无法复用的问题排查

一次压测中阿里云 SLB 的并发连接数被打满了，导致服务之间的 HTTP 调用延迟很大。当时 SLB 的并发连接数情况如下图所示。登录容器终端查看，发现某个前端 Node.js 服务中的单个容器的 E

挖坑的张师傅4年前

9715

10

前端

从龟速 11s 到闪电 1s，详解前端性能优化之首屏加载

从龟速 11s 到闪电 1s，详解前端性能优化之首屏加载

全文共6511字/词，阅读大概需要13分钟，太长不看党请直接移步👉「开始优化」部分直接查看优化手段背景前段时间公司服务器网络波动，网站访问变慢，一些性能问题也随之暴露了出来。纷纷反馈在这样的弱网条件下，访问新项目时，加载了近1分钟都没加载出来，而访问其他页面顶多也就30-40s。在网络

(งᵒ̌皿ᵒ̌)ง⁼³₌₃2年前

8520

6

前端

京东在Flutter加载大量图片导致的内存溢出的优化实践

京东在Flutter加载大量图片导致的内存溢出的优化实践

Flutter在全世界，Flutter 正在被越来越多的开发者和组织使用，并且 Flutter是完全免费、开源的。它也是构建未来的 Google Fuchsia 应用的主要方式。Flutter组件采用现代响应式框架构建，这是从React中获得的灵感，中心思想是用

9714

4

前端

一顿操作，我把 Table 组件性能提升了十倍

一顿操作，我把 Table 组件性能提升了十倍

背景Table 表格组件在 Web 开发中的应用随处可见，不过当表格数据量大后，伴随而来的是性能问题：渲染的 DOM 太多，渲染和交互都会有一定程度的卡顿。通常，我们有两种优化表格的方式：一种是分页，另一种是虚拟滚动。这两种方式的优化思路都是减少 DOM 渲染的数量。在我们公司的项目中，会选

7221

5

前端

我的第一次webpack优化，首屏渲染从9s到1s

我的第一次webpack优化，首屏渲染从9s到1s

大家好，我是考拉🐨，本文基于vue2(虽然vue3已出，但是本文也很实用)谈到webpack优化大部分人可能都看腻了，无非就那几招嘛，我之前也是看过许多类似的文章，但都没有自己真正上手过，下面是我用公司的项目真实操练下来的，首屏加载速度提升很大（刷刷的），希望能帮到你。废话不多说，先

5521

5

前端

HeapDump性能社区专题系列五：了解前端性能优化

HeapDump性能社区专题系列五：了解前端性能优化

相比于后段遇到的各种复杂性能问题，前端的性能相对简单，但是简单不代表容易，前端的技术更新换代快，那么针对性能问题自然也会出现各种变种，需要各种新的工具和思路。HeapDump性能社区将引进更多前端相关大佬，来给大家分享前端性能的那些事儿。本期先从前端性能基础开始：

5126

13

前端

前端性能优化，如何给字体大瘦身！

前端性能优化，如何给字体大瘦身！

导语日常开发网页经常会使用一些特殊字体，比如思源黑体、苹方字体等，因为这些字体在一般的宿主环境中是不存在的，需要通过 css 的 @font-face 定义，并从服务器中加载对应的字体文件，而字体文件一般都是比较大的，甚至有时候一个字体比其他所有的资源（js、css、图片）加起来还要大，对网页的加

(งᵒ̌皿ᵒ̌)ง⁼³₌₃2年前

6887

4

前端

抖音 Android 性能优化系列：启动优化实践

抖音 Android 性能优化系列：启动优化实践

启动优化实践

启动性能是 APP 使用体验的门面，启动过程耗时较长很可能使用户削减使用 APP 的兴趣，抖音通过对启动性能做劣化实验也验证了其对于业务指标有显著影响。抖音有数亿的日活，启动耗时几百毫秒的增长就可能带来成千上万用户的留存缩减，因此，启动性能的优化成为了抖音 Android 基础

10169

7

前端

美团FlutterWeb性能优化探索与实践

美团FlutterWeb性能优化探索与实践

一、背景 1.1 关于FlutterWeb 时间回拨到 2018 年，Google 首次公开 FlutterWeb Beta 版，表露出要实现一份代码、多端运行的愿景。经过无数工程师两年多的努力，在今年年初（2021 年 3 月份），Flutter 2.0 正式对外发布，

嘿小黑2年前

5214

5

有开始，就会有进步！

在追求性能的道路上，记录每一刻的成长！源码解读，编程技巧，外文翻译，技术实践，线上案例等等，记录自己，启发他人！

专家作者推荐

关注微信公众号《解Bug之路》，有问题请在公众号中咨询：）无论多么艰苦的时刻，都不要忘记，辉煌的未来，在你的眼中闪耀！

飞哥开发内功

《深入理解Linux网络》作者，腾讯搜狗十年工程师，公众号「开发内功修炼」作者！

聊聊技术，唠唠段子，偶尔做菜写诗，欢迎关注我的公众号踩刀诗人

搜索关注微信公众号【架构与思维】：撰稿者为bat、字节的几位高阶研发/架构，专注技术分享。

专题推荐

Netty 是一个异步事件驱动的网络通信层框架，用于快速开发高可用高性能的服务端网络框架与客户端程序，它极大地简化了 TCP 和 UDP 套接字服务器等网络编程。
作者：闪电侠，《跟闪电侠学 Netty》已出版了。书的前半部分是掘金小册中的内容：通过一个完整的 IM 项目入门 Netty；后半部分用了较大的篇幅来介绍 Netty 的底层原理，也会穿插讲一些源码阅读的思路，希望能够帮助到你。

13篇文章21840阅读量

Out of memory (OOM) 是一种操作系统或者程序已经无法再申请到内存的状态。经常是因为所有可用的内存，包括磁盘交换空间都已经被分配了。OOM的官方解释是：Understand the OutOfMemoryError Exception，根据HeapDump性能社区专属讲师公与的总结，常见的OOM有以下10种（其中OOM Killer是操作系统层面的概念）。

11篇文章12748阅读量