前端资源预加载

嘿，说到前端资源预加载，这事儿啊，得从2010年前后说起。那时候，网页加载速度可是个头等大事，特别是对于像淘宝这样的电商网站来说，用户等得越久，流失的可能就越大。
说实话，我当时也没想明白，为什么用户访问一个页面，页面上的图片、CSS、JavaScript这些资源要一个一个慢慢加载。后来啊，我发现了一个技术，叫“预加载”，这玩意儿就像提前告诉你，接下来可能会用到这些资源，先给你准备好了。
那时候，淘宝就开始尝试在用户访问首页的时候，预加载一些热门商品页面的资源。比如说，用户可能很快就会点击某个热门商品，那么商品页面的图片、描述信息等资源，就提前加载好了。这样，用户点击的时候，页面响应速度就快多了。
我记得当时淘宝在杭州的一个技术分享会上，分享了他们的实践，说通过预加载，页面加载速度提升了30%多。这个数字可不小啊，对于用户体验的提升那是实实在在的。
不过啊，这事儿也不是一蹴而就的。预加载得适度，否则用户感觉浏览器太卡了，反而适得其反。我当时也试着调整过预加载的策略，发现设置得太激进，用户就会觉得电脑反应慢。
现在回想起来，前端资源预加载这个技术，就像是给用户提前准备好了购物车，知道他们可能会用到什么，就提前准备好了，让购物过程更顺畅。这就像在超市里，商品都摆放得整整齐齐，方便顾客快速找到，是不是感觉挺人性化的？

预加载是必须的，减少白屏时间。
使用标签。
项目：电商网站，2020年上线。
减少3秒加载时间。
我自己也在验证，效果可能因网络而异。

前端资源预加载，就是提前加载你网页可能用到的资源。比如图片、脚本、样式表等，防止用户打开页面时，因为这些资源没准备好而卡顿。上周刚处理一个项目，预加载做得好，页面加载速度飞快。