面试过程中面试官问到前端性能优化有哪些，当我咔咔一顿输出之后面试官追问：前端可以做的性能优化有哪些呢？ 前端优化大概可以有以下几个方向： 网络优化 页面渲染优化 JS优化 图片优化 webpack打包

会场是每年双十一的主角之一，会场的用户体验自然也是每年最关注的点。在日趋复杂的业务需求下，如何保障我们的用户体验不劣化甚至能更优化是永恒的命题。 今年（2020）我们在不改变现有架构，不改变业务的前提下，在会场上使用了 SSR 技术，将秒开率提高到了新的高度（82.6%）；也观…

一、前言在前面几篇文章中，相信大家对vivo官网商城的前端架构演变有了一定的了解，从稳步推进前后端分离到小程序多端探索实践，团队不断创新尝试。在本文中，我们来分享一下vivo官网商城在Node服务端渲

如题，本文详尽解析前端性能优化体系。通俗易懂，目前首篇内容涉及性能优化流程以及立项经验。后续会补齐本系列。

开发 C 端 h5 页面时少不了首屏优化，在开始优化前需要先做一些必要的知识储备，前端部分性能优化储备知识请看这里！

在做性能优化前，我们必须要系统性地了解常见的性能优化手段。当遇到性能问题时，才能知道该从哪个方向着手做性能优化。本文侧重分享一些 如何系统性地优化页面性能 的思路/方向。

面试中经常遇到性能优化方面的问题，这里都给你罗列明白了。主要从页面加载-渲染阶段的时间花费和谷歌提出的性能优化指标方面入手。都说面试造火箭，工作拧螺丝，今天就说下怎么'造火箭'的。

通常来讲前端性能优化是指从用户开始访问我们的网站到整个页面完整的展现出来的过程中，通过各种优化策略和优化方法让页面加载的更快，让用户的操作响应更及时，给用户更好的使用体验。 这里我们介绍的是前端性能优化知识的解决方案，从静态资源优化开始入手，从表象深入体系化的讲解页面渲染架构，…

1. 减少javascript的大小 最初的页面（注销状态的首页）包含了300kb的JavaScript，包含了React以及Lodash等库。使用Chrome模拟3G链接，加载时间为7s。 由于页面是由简单的HTML元素组成的，React不在是必要的，奈飞团队使用原生java…