这是我参与11月更文挑战的第21天，活动详情查看：2021最后一次更文挑战 前言 Vue中key的作用是什么？这个问题大家应该都不陌生。当然，我也接触过，但是还停留在接触这个阶段，当真正遇到问题的时候

此节性能优化不止适用于移动端，但是移动端更需要性能优化，包含网络请求过程、页面加载渲染、Javascript脚本、图片、动画、CSS、DOM、事件等方面优化

H5 项目是企鹅辅导的核心项目，已迭代四年多，包括了课程详情页/老师详情页/报名页/支付页面等页面，构建产物用于企鹅辅导 APP/H5（微信/QQ/浏览器），迭代过程中了也累积了一些性能问题

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标

首先要说的是，关于图片的编码原理，压缩算法这些都是很专业的领域，作为一个小前端来讲，知道一般的应用场景和一般的特性就可以了。 矢量图：形使用线、点和多边形来表示图像。 栅格图像： 通过对矩形格栅内的每个像素的值进行编码来表示图像。 矢量图： 前端最常见的矢量图是 SVG。关于 …

在我们了解性能优化之前，先来看看什么是2-5-8原则。 优化的方式自然有很多种，今天呢，介绍一下图片的优化方法。 JPEG 是一种大家最常见的图片文件形式了。 介绍：栅格图形。常用文件扩展名为 .jpg，也有 .jpeg、.jpe。JPEG 在互联网上常被应用于存储和传输照片。…

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

最近花了一些时间在项目的性能优化上，背后做了很多工作，但是最后依然没有达到自己想要的结果，有些失望，但是还是记录下自己的执着。 性能优化总结：减少请求次数、减小资源大小、提高响应和加载速度、优化资源加载时机、优化加载方式。 站在用户视角的主观的可感知的性能。 站在开发者视角的可…

1.重要性 当我们面试的时候，前端性能优化方面算是必考的知识点，但是工作中我们又很少会重点的对项目进行前端优化，它真的不重要吗？ 如果我们可以将后端响应时间缩短一半，整体响应时间只能减少5%~10%。