在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~

8个小技巧玩转首屏加载，虽然很多技巧在很多文章都有，优化的手段很多，但优化的结果呢？文章从真实用户体验后的数据入手，提供8个小思路。

没错，这里确实是使用`任务切片`的方式能够解决！但是，我想问一下，`任务切片`解决卡顿问题的底层原理是什么样子的？或者说什么是卡顿问题，而`任务切片`又是如何解决这类问题的？

打包体积优化！！！优化一半！！首次加载速度优化！！优化一半！！要让我们的项目fast fast fast！！

为什么要优化网页的载入速度？大家开发产品时，总是把使用者体验挂在嘴边，但却常常忽略一个事实：载入速度和使用者体验息息相关。根据Amazon内部统计，网页载入的速度每增加100ms，营收就减少1%。网站速度越慢，客户越不愿意掏出钱来买你的东西。另外网页载入速度也会影响SEO。 因…

原因 懒加载是一种延迟加载技术，在一个长网页中存在大量图片影响加载速度和用户体验。懒加载是一种优化网页性能的方法。大量用在电商场景中。 例如京东首页，只需要第一时间完成首屏展示的任务就可以了，其他图片

用vue开发项目上线以后，发现首页加载速度非常慢，如果项目比较大，甚至可能出现10s以上的等待。用户体验非常差，试想如果你准备买一双AJ，登录某宝首页等了足足5s，那肯定果断选择某多多了。

此次优化基于jeecg-boot，加载时间从27秒降至4秒，包括nginx压缩，移除prefetch，按需加载，打包移除sourceMap，取消console.log

配置webpack 来分离 echarts webpack/externals使用详解. 4. gzip暴力压缩