身在天朝还干程序员真是一件很无奈的事情,就算你自备了梯子,也不好使。

stackoverflow在天朝并没有被河蟹,但是我在访问的时候加载非常慢,实在受不了了,今天狠下心来探个究竟;

 

网页=HTML文件+样式表+Javascript脚本,浏览器在显示网页时需要这些材料,那么决定网页加载速度最大的就是获取这些材料的速度了。

打开Chrome浏览器,随便搜索一个问题,答案在stackoverflow上的,按下Shift+Ctrl+I组合键,出来如下界面

 

在网页加载的时刻,打开network视图,这时会显示所访问的网页浏览器需要获取的所有文件的详细信息。

我们可以看到每个文件的大小,开始获取的时间,状态,获取结束的时间。

红色的部分是加载失败的文件,令人发指的30s过后浏览器放弃了获取该文件的尝试,这时候我们就知道了导致网页加载速度缓慢的元凶。

 

很不幸,stackoverflow的用户头像是来自www.gravatar.com,一个被天朝河蟹的网站。

原本stackoverflow可以在很短的时间内加载完成,呈现出来,由于浏览器显示界面需要所有材料,我们白白等了数十秒才得以看到问题的答案。

 

如何解决?

如果你自备了梯子,可以将www.gravatar.com这样的网址加入到梯子的列表里,或者说你可以通过避免加载图像的方式来访问stackoverflow。

实际上我所遇到的stackoverflow加载慢是因为该网站使用的样式表来自于一个被和谐的网址,图像的加载并不影响你阅读网站的文本内容,但是样式表决定了网站文本内容的呈现方式,这才是导致网站内容迟迟无法显现的元凶。

 

版权声明:本文为liff-engineer原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/liff-engineer/p/3507475.html