页面加载缓冲效果
页面上面引用了很多css、js之类的外部文件,页面上面也有很多图片之类的。我需要一个页面缓冲效果,就是在页面上面所有的元素加载之前来执行这个缓冲效果,告诉别人"页面内容正在加载中.....",当然,这个方法必须要再调用了外部css、js之前调用。说白点,就是页面上面任何东西都不放,只放一个方法,告诉别人页面内容正在加载,调用了这个方法后,在加载js、css、body,试问这个效果怎么实现啊、???
------解决方案--------------------个人感觉你说的这个效果体验不是很好。你盯着只有“页面内容正在加载中”9个大字看的页面一会儿试试。。。
根据你的需求只要稍调整一下应该差不多了。
1、页面上有很多css、js外部文件->
调整页面布局。把js文件放到页面末尾最后加载。另外还可以借助script的属性defar延迟加载。点这里
2、
合并css、js。 加载的文件多,必然请求就多,请求多速度必然受影响。所以把多个css文件或js文件合并成一个文件,并压缩来加载。
3、页面加载大量的图片-》
延迟图片加载。可以借助外部jquery插件。点这里
等等...先这么多吧。。
------解决方案--------------------不要这样做,
你看下新浪,京东,淘宝,搜狐,网易,这些大门户,都没有那么去做。除非是特别大的文件,对于页面这样做让人太不舒服。