1.为什么要做性能优化 前端页面性能是影响用户体验的关键因素，用户打开网站时间太久、操作卡顿等，都会导致用户离开页面，严重影响用户的留存率。Google DoubleClick 研究表明：如果一个移动

虽然前端开发作为 GUI 开发的一种,但是存在其特殊性,前端的特殊性就在于“动态”二字，传统 GUI 开发，不管是桌面应用还是移动端应用都是需要预先下载的,只有先下载应用程序才会在本地操作系统运行,而前端不同,它是“动态增量”式的,我们的前端应用往往是实时加载执行的,并不需要预…

最近在学习前端性能优化方面的知识，看了很多大佬的文章，感觉文章多了比较零散，学习效率不高，所以就整合了一下大佬们写的性能优化的东西，从页面的渲染过程来建立自己的一个前端性能优化的体系。

1.安装依赖 npm i -S spark-md5 2.对接 api（需后端接口支持） 3.封装切片上传的 mixin 4.使用

webpack4常见配置及优化手段 前言 本篇是基于webpack4搭建vue脚手架常用的知识点。并非从0开始搭建，因为网上此类教程非常多，仅将作者这些年搭建脚手架配置的知识点一一罗列

SSR和NSR都是非常好的解决白屏的方案，但是缺点也很明显，成本太高，SSR非常依赖服务的稳定性，对于中小公司而言很少有资源能为前端提供一套稳定的服务器环境，一旦node出现故障，损失很大，而CSR方案则是对于客户端来说成本很高，有很多不确定性。 并于2021年2月开源,感谢每…

在开发中经常会遇到网站的性能瓶颈，打开慢的情况。我们平常开发中怎么一步一步排查这些问题并 解决问题呢 javascript执行慢。 接口响应慢。 资源加载慢。 浏览器渲染慢。 。。。 我们只能要求自己，所以用户手机网速慢是不存在的～。 我们将从几个方面着手讲一下排查问题的手段。…

最近在做线上项目的首屏加载时长优化，查阅了大量的资料，也较为完整的整理了一遍之前的碎片知识点，本来计划只在团队内部做一次技术分享，但是后来一想，不如直接分享出来，说不定就会对哪位同学有一点点帮助呢。 更重要的是，由于水平和精力有限，文章中难免会有纰漏，分享出来也方便大家斧正，毕…

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