静态资源本地缓存+静态资源延时加载

 

 

总结一下实习期间做的事情不多，除了做了一个本地资源缓存的探索和图片资源延时加载之外，都是一些琐碎得记不起来的事情了。

 

【场景描述】

           目前参与的项目中，有几个页面具有这样的特征：

1、  包含大量的静态资源（图片、css文件、js文件），主要是大量的图片

2、  这些图片并不会一次性展现在页面中，甚至初始化时只包含极少数的图片

3、  目前在页面初始化时一次性加载了这所有的页面。

4、  这所有的页面的静态资源都需要从远程服务端去获取。

 

以上几个特征的存在，导致页面加载的速度非常慢。      

 

【解决思路】

1、    静态资源本地缓存：将静态资源打包到用户本地，这样用户浏览该页面时所需加载的静态资源可以直接在本地取，而不是频繁的像服务器发请求。

2、    静态资源延时加载：按需加载，每次按照需要加载图片，而不是在初始化时一次性加载所有的图片，每次只加载出现在当前视图内的图片。

 

【本地缓存】

 

关于静态资源本地缓存，做一个简单的回忆，这个探索过程，还是值得我记住的。

 

效果：相对路径（服务端获取）-----------------绝对路径（本地获取）

Asset/js/a.js            %web%/Asset/js/a.js == file://c/webresource/ Asset/js/a.js.

 

过程：1、客户在安装程序时会有一个本地安装路径，桌面版开发人员记住这个路径path，传给web后端开发人员。