背景 性能优化、减少页面加载时间、提升用户体验，是前端领域的一个永恒话题。在前后端分离、异步渲染在页面中被普遍应用的背景下，大量页面在用户访问时不可避免的会出现一段短时间白屏。目前的解决方案一般为以下

通常移动端图片上传的时候都会限制在2M以内，但是随着移动设备拍照像素的提高，基本图片都会大于2M，本文基于canvas实现图片指定大小缩放比例压缩

前端最优化压缩图片上传方案！！！再次优化升级！14M压缩后仅剩130KB。 图片上传是前端中常见的的业务场景。无论是前台还是后台，适当的对图片进行压缩处理， 可以显著的提升用户体验。

缓慢的渲染时间也会让您的用户感到沮丧，并可能导致他们放弃您的页面。 HTTP Archive（HTTP存档通过定期爬网web上的顶级站点来跟踪web是如何构建的，并记录有关获取的资源、使用的web平台

最近发现做了这么多的首屏优化，一直都是把白屏时间和首屏时间算在一起，也就是页面打开之前 dom 没渲染出来，我就把他归为首屏时间。时间上这里专业点可以分为首屏和白屏两个阶段，这篇文章就讲讲二者的区别，以及计算方法。 首先先讲讲按照我以前理解的首屏时间慢会带来什么问题，在页面一开…