观察网站加载,可以看到在浏览器加载时,左下角显示:等待 fonts.googleapis.com... 或者 ajax.googleapis.com...
fonts.googleapis.com通常是加载google提供的免费字体,此部分属于CSS样式的一部分。
而CSS样式表通常都会放在HEAD部分提前加载以使页面内容刚加载出来时就能正常显示,访问不了fonts.googleapis.com就会导致浏览器加载线程阻塞,一直到几分钟后,请求失败,才能继续加载后续部分。
事实上,这些字体对网站内容并没有大的影响,浏览器会使用默认的字体,不要也罢。
ajax.googleapis.com通常是通过google提供的cdn加载jquery.js等类库,这些类库有时放在HEAD里,有时放在Body尾部,通常放在尾部的居多。所以由于 ajax.googleapis.com阻塞导致页面加载慢的情况相对较少。
此类JS对网站内容影响较小,对网站上的显示样式和用户操作影响相对比较大(部分JS没加载,页面内部分插件和事件可能不正常工作),但通常可以接受。
解决办法:
修改HOSTS文件,增加
127.0.0.1 fonts.googleapis.com
127.0.0.1 ajax.googleapis.com
将其域名解析映射到本机即可。
来源:oschina
链接:https://my.oschina.net/u/168108/blog/372351