可现在的网站内容都太丰富了,模块太多了。
尤其是像朋友网这样的大网站,模块数量可能有几十个之多。这就会导致用户在打开朋友网的时候,速度会很慢。
要想解决这个问题,就可以用分布式思维,重新设计加载方式。
假设一个网页从上到下可能有5个屏幕大小,可用户其实打开网页的时候,第一时间只会关注第1屏的内容。
比如背景板块,是覆盖整个网页的,有5屏的大小,全部加载完很耗时间。可实际上,只需要第一时间加载完第1屏的背景图,其余4屏的内容没必要第一时间加载,加载了用户也看不到。
也就是说,背景模块只加载最上层的20%就够了。把省出来的宽带让给其他并行的模块。其他模块也跟背景模块一样,第一时间只加载第1屏的内容。
让页面从上到下,像是瀑布一样的加载。
用户不会第一时间下拉页面,就会有一种打开页面之后,页面迅速加载完成的错觉。实际上只是最上部分加载完成了,下面的页面还在加载。
但已经不妨碍用户浏览第1屏的内容了。
原本需要加载5屏的时间,现在只需要加载1屏了。
内容未完,下一页继续阅读