我是才学的,所以很多还不知道~
请问可以设置:网页内容的加载顺序吗?
最近遭遇的问题如下:
在低网速的情况下,进入页面,页面大多处于加载缓慢的情况下。内容分布就看起来非常混乱。
所以我就想了,能不能,网页内容加载的时候判断当前用户的网速。
根据网速等情况,选择性的优先加载部分内容,让页面内容看起来更加美观~
肯定可以啊,例如现在不是有急速模式,无图模式,智能模式吗?
(⊙o⊙)… 非常好奇的是,当用浏览器打开网页的时候 网页内容的加载顺序 是怎样的。
百度找到了这个
用户输入网址(假设是个 HTML 页面,并且是第一次访问),浏览器向服务器发出请求,服务器返回 HTML 文件;
浏览器开始载入 HTML 代码,发现
标签内有一个 标签引用外部 CSS 文件;浏览器又发出 CSS 文件的请求,服务器返回这个 CSS 文件;
浏览器继续载入 HTML 中
部分的代码,并且 CSS 文件已经拿到手了,可以开始渲染页面了;浏览器在代码中发现一个 标签引用了一张图片,向服务器发出请求。此时浏览器不会等到图片下载完,而是继续渲染后面的代码;
服务器返回图片文件,由于图片占用了一定面积,影响了后面段落的排布,因此浏览器需要回过头来重新渲染这部分代码;
浏览器发现了一个包含一行 JavaScript 代码的 标签,赶快运行它;</p></li> <li><p>JavaScript 脚本执行了这条语句,它命令浏览器隐藏掉代码中的某个 <div>(style.display=”none”)。杯具啊,突然就少了这么一个元素,浏览器不得不重新渲染这部分代码;</p></li> <li><p>终于等到了 </html> 的到来,浏览器泪流满面……</p></li> <li><p>等等,还没完,用户点了一下界面中的“换肤”按钮,JavaScript 让浏览器换了一下 <link> 标签的 CSS 路径;</p></li> <li><p>浏览器召集了在座的各位 <div><span><ul><li> 们,“大伙儿收拾收拾行李,咱得重新来过……”,浏览器向服务器请求了新的CSS文件,重新渲染页面。 浏览器每天就这么来来回回跑着,要知道不同的人写出来的 HTML 和 CSS 代码质量参差不齐,说不定哪天跑着跑着就挂掉了。好在这个世界还有这么一群人——页面重构工程师,平时挺不起眼,也就帮视觉设计师</p></li> </ol> <p>但是我的想法是,在低网速情况下自动选用 备案加载(即正常网速下的加载方式、低网速情况下的加载方式)<br> 例如一个新闻网站,在低网速情况下,先去加载一个 备用的小页面,然后后台继续加载正常页面,正常页面加载完毕之后由小页面转向正常页面~</p>