Google网页快速显示渲染阻止甚至移动到身体部位

时间：2014-05-27 08:16:07

标签： javascript pagespeed google-pagespeed

我刚刚使用Google pagespeed Insights查看了此网站，他们要求我将Javascript块更改为body而不是head，即使此部分已经移动。

如果Google给我错误的信息，或者如何解决问题，请任何人帮我调查此问题。

https://developers.google.com/speed/pagespeed/insights/?hl=en&url=http%3A%2F%2Flogin.di.se%2F%3FappId%3Ddi.se%26lc%3Dsv&tab=mobile

网站 http://login.di.se/?appId=di.se&lc=sv

enter image description here

我还有另一个网站有相同的DOM，但谷歌页面快速没有这个问题

http://account.sydsvenskan.se/?appId=sydsvenskan.se&lc=sv

2 个答案:

答案 0 :(得分：1)

可能性1

在页面加载结束时会加载一些内容，但会让人觉得前面的JavaScripts阻碍了内容呈现。

我看到最后只为具有问题的网站调用了这两个图像 - 

http://login.di.se/public/images/di/background.jpg
http://login.di.se/public/images/di/checkbox_cust.png

你可以在这里看到 - http://tools.pingdom.com/fpt/#!/bRcsEc/http://login.di.se/?appId=di.se&lc=sv

但您的其他网站不是这种情况 - http://tools.pingdom.com/fpt/#!/cH2ghk/http://account.sydsvenskan.se/?appId=sydsvenskan.se&lc=sv

替代解决方案 - 使用异步加载

尝试异步加载JavaScript，谷歌建议像这样 - 

<script async src="my.js">

参考 - https://developers.google.com/speed/docs/insights/BlockingJS

答案 1 :(得分：0)

<head>

中仍然有很大一部分JavaScript

还要检查Cloudflare是否无意中将JavaScript添加到不应该

的位置
相关问题
最新问题