周不器看了相关文件,没看懂。
就给张一明打电话,询问这是啥意思。
这么专业的问题,就一定不能用专业的说法⛑🙩来解释,否则大老板听的更迷糊。好在张一明语言简洁,很快就给他解释清楚了。
说是网页结构从万维网时代到现在,并没有发生明显的变化,网页加载过程,也是线⚩性的。
一个网页通常有多🄓个模块组成,比如背景模块、头部页模块、广告模块、主页模块、副页模块、边栏☺🄚模块等等。
传统的加载方式,是第一个模块记载完,开⛑🙩始加载第二个模块,然后是第三个、第四个,直到最后一个。所有模块加载结束,页面就算加载完成了。
可现在🃝😮🄱的网站内容都太丰富了,模块🙣太🔓⛶多了。
尤其是🃝😮🄱像朋友网这样的大网站,模块数量可能有几十个之多☘⛑🙬。这就会导🙺🏟🛕致用户在打开朋友网的时候,速度会很慢。
要想解决这个问题,🀸🁤就可🗃🙀以用分布式思维,重🟔🜷新设计加载方式。
假设一个网页从上到下可能有5个屏幕大小,🟔🜷可用户其实打开网页👵的时候,第一时间只会关注第1屏的内容。
比如背景板块,是覆盖整个网🍛页的,有5⛹🟗屏的大小,全部加载完很耗时间。可实际上,只需要第一时间加载完第1屏的背景图,其余4屏的内容没必要第一时间加载,加载了用户也📆😩看不到。
也就是说,背景模块🀸🁤只加载最上层的20%就够了。把省出来的宽带让给其他并行的模块。其他模块也跟背景模块一样,第一时间只加载第1💚💞💿屏的内容。
让页面从上到下,像是瀑布一样的加载。
用户不会第🖈🐥🁼一时间下拉页面,就会有一种打开页面之后,页面迅速加载完成的错觉🉥。实际上只是🗟🜶最上部分加载完成了,下面的页面还在加载。
但已经不妨碍用户浏览第1屏的内容了。
原本需要加载5屏的时间,现在只需要加载1屏了。🎝💃🏊
加载时间缩短为原来的20%!
通过分布式技术,让一部分页面先显示🔓⛶,让用户感觉页面加载的更快了。
“好啊!这思路好!”
周不器听后,感觉很振奋,就觉得技术真是能让人热血沸腾。这种小小的一点改变,都让🛣🞋💨人🝀如此陶醉,🎉🏐更何况那些改变世界的宏大理想?
张一明道:“这不是我的创意,是🝵🏟🛒唐斌辰说的,他📧🝏说Facebook在做类似的项目,咱们也不能落后。”🛟
就给张一明打电话,询问这是啥意思。
这么专业的问题,就一定不能用专业的说法⛑🙩来解释,否则大老板听的更迷糊。好在张一明语言简洁,很快就给他解释清楚了。
说是网页结构从万维网时代到现在,并没有发生明显的变化,网页加载过程,也是线⚩性的。
一个网页通常有多🄓个模块组成,比如背景模块、头部页模块、广告模块、主页模块、副页模块、边栏☺🄚模块等等。
传统的加载方式,是第一个模块记载完,开⛑🙩始加载第二个模块,然后是第三个、第四个,直到最后一个。所有模块加载结束,页面就算加载完成了。
可现在🃝😮🄱的网站内容都太丰富了,模块🙣太🔓⛶多了。
尤其是🃝😮🄱像朋友网这样的大网站,模块数量可能有几十个之多☘⛑🙬。这就会导🙺🏟🛕致用户在打开朋友网的时候,速度会很慢。
要想解决这个问题,🀸🁤就可🗃🙀以用分布式思维,重🟔🜷新设计加载方式。
假设一个网页从上到下可能有5个屏幕大小,🟔🜷可用户其实打开网页👵的时候,第一时间只会关注第1屏的内容。
比如背景板块,是覆盖整个网🍛页的,有5⛹🟗屏的大小,全部加载完很耗时间。可实际上,只需要第一时间加载完第1屏的背景图,其余4屏的内容没必要第一时间加载,加载了用户也📆😩看不到。
也就是说,背景模块🀸🁤只加载最上层的20%就够了。把省出来的宽带让给其他并行的模块。其他模块也跟背景模块一样,第一时间只加载第1💚💞💿屏的内容。
让页面从上到下,像是瀑布一样的加载。
用户不会第🖈🐥🁼一时间下拉页面,就会有一种打开页面之后,页面迅速加载完成的错觉🉥。实际上只是🗟🜶最上部分加载完成了,下面的页面还在加载。
但已经不妨碍用户浏览第1屏的内容了。
原本需要加载5屏的时间,现在只需要加载1屏了。🎝💃🏊
加载时间缩短为原来的20%!
通过分布式技术,让一部分页面先显示🔓⛶,让用户感觉页面加载的更快了。
“好啊!这思路好!”
周不器听后,感觉很振奋,就觉得技术真是能让人热血沸腾。这种小小的一点改变,都让🛣🞋💨人🝀如此陶醉,🎉🏐更何况那些改变世界的宏大理想?
张一明道:“这不是我的创意,是🝵🏟🛒唐斌辰说的,他📧🝏说Facebook在做类似的项目,咱们也不能落后。”🛟