老项目优化第二步——资源的懒加载和预加载
之前做前端项目性能优化的时候,为了使页面加载更快,用尽了手段,包括文件的合并、压缩,文件缓存和开启服务器端的 gzip 压缩等等。
但发现压缩总有个极限,并且遇到弱网环境时,用户在感知上依旧会有“慢”的概念,尤其是在首屏展示的时候,于是就选了两种方案(骨架屏和资源预加载,骨架屏下次再总结)。
预加载
预加载相信很多人都有听说过,引用Patrick Hamann的解释就是,预加载是浏览器对将来可能被使用资源的一种暗示,一些资源可以在当前页面使用到,一些可能在将来的某些页面中被使用。
简单理解就是,将页面加载时的资源提前加载到本地,等页面真正加载时直接从缓存获取资源。
我主要是使用在首屏加载时需要的资源,以及一个资源过大的文件上,避免页面长时间空白,减少等待时间,优化体验。
预加载可以细分为以下几个点:DNS-pre