Gli*_*ipt 131 html javascript css google-pagespeed
直到最近,我的网站(www.heatexchangers.ca)在Google Page Speed上得分为98%.有一些我无能为力的事情,比如来自网络字体的查询字符串.我对此非常满意,因为这代表了我所能做的一切.
最近谷歌添加了一些影响页面速度得分的东西,我现在只有89%的页面速度得到这个建议:
解决此问题的建议似乎涉及拖拽我所有的.css和.js文件并分离它们的某些部分并将它们内联添加到我的html中.这让我有些困惑,因为我的印象是我们必须尽可能多地保留HTML和CSS.
究竟什么是"折叠以上"的内容？如果它是一些样式,如字体,背景颜色等; 然后我可以看到包括内联可能不是太大的交易.我无法找到确切的列表.
Jos*_*ady 112
这是因为谷歌最近更改了页面速度工具,以更好地反映越来越多的移动网络.移动数据网络具有与有线或无线网络不同的性能特征,因此您需要针对它们进行不同的优化.
折叠(ATF)只是第一个屏幕的价值 - 任何你不需要滚动查看.显然,这取决于设备及其方向,因此您可能需要概括并找到一些可行的常用选项,可能是一个针对智能手机,一个针对平板电脑,一个针对较大的台式机.
至于他们正在谈论什么CSS,他们真的打算完全设置ATF所显示的任何内容所需的所有CSS.要确定ATF内容的加载时间,他们将拍摄最终版本的屏幕截图,并在加载时将其与页面进行直观比较,当它足够相似时,他们会考虑到ATF内容的重点已加载.
这是Google关于此主题的视频演示:
http://www.youtube.com/watch?v=YV1nKLWoARQ
重点是在第一秒内让用户做一些事情.将ATF内容的CSS直接放入HTML背后的原因反映了他们对移动数据性能的研究表明,如果CSS不存在,它将不会很快加载到第一秒内.
它们还提供了可以自动执行其中某些功能的工具的链接.我没有尝试过它们和YMMV.