你是不是也觉得 will-change 是性能优化的“神器”？小心被它反噬哦！本文带你揭秘 will-change 这把“双刃剑”，看看它是怎么让无数前端“翻车”的。别再迷信万能优化

图片的懒加载 首先，让我们来看传统的图片一次性全部加载； 它会一次性加载所有的图片，这对浏览器的页面加载是不友好的。这是为什么呢？ 浏览器会做什么？ 这是因为浏览器的工作机制，当我们访问一个网页时；

防抖和节流是JavaScript中常用的两种性能优化方式。面试中我们也会经常碰到。它们的作用是减少函数的执行次数，以提高代码的性能。

1.前言 性能优化是前端跑不掉的话题，这里结合工作经验，从代码编写优化、打包构建优化、部署优化、性能监控四个方面聊聊性能优化。 2. 代码编写优化（微观） 2.1 资源加载优化 图片懒加载，只在图片标

做客户端开发都基本都做过性能优化，比如提升自己所负责的业务的速度活流畅性，优化内存占用等等。但是大部分开发者所做的性能优化可能都是都对中小型 APP 的，大型 APP 的性能优化经验可能不太多，毕竟大

网页性能优化是前端一个老生常谈的话题，但微信小程序因为双线程的架构设计，跟传统 Web 页面不太一样。所以，今天来探究下微信小程序内的性能优化问题。 1. 启动过程 相信大家对 Web 页面的展现过程非常清楚。那么小程序呢，简要地说，小程序要历经下面几个启动过程： 微信初始化小…

本文记录如何从微信小程序启动到页面渲染完成后，用户在与页面交互的流程下去分析源码，设计优化方案解决性能问题。希望大家在读完这篇文章后，在日后开发中遇到相似的问题，能快速定位并解决。

从寻找可优化点的角度考虑，可以把整个小程序的性能问题归档为两类，分别是Load 和 Runtime。有这两个分类，目标也可以出来了，比如加载时长不可超过1s，Runtime需要保持60fps。 接下来的内容只focus在加载这一块。 目前ZAKER在微信小程序和百度小程序已上线…

本文主要讲述微信小程序从启动加载到渲染展示整个过程的原理，以及讲诉如何从启动加载性能、渲染性能两个方面着手进行性能优化。