我正在尝试提高Google Page Speed得分。目前，移动版为51/100，台式机为83/100。
问题之一是“在首屏内容中消除渲染阻止JavaScript和CSS”。适用的两个项目是我的压缩CSS文件和一个外部Google字体文件。有什么我可以解决的吗？
一般来说，关于如何提高Google Page Speed Score的任何反馈/建议。
页面速度：https : //developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.backpackerjobboard.com.au%2F&tab=mobile
我的网站：http : //www.backpackerjobboard.com.au/
谢谢！
优化“渲染阻止”元素更多地是关于感知的加载时间，而不是最大化页面速度。
对于CSS，这涉及为关键的CSS内联CSS 。尽管术语不正确，但这通常被称为“折叠式”内容-关键CSS涉及基本样式，布局（即网格系统）等。
这是一个在线（以及在GitHub上）可用的Critical CSS Generator：http : //jonassebastianohlsson.com/criticalpathcssgenerator/
这样做的原因是为了确保页面上最重要的样式随HTML一起加载，而对于HTML压缩的网页，添加到HTML的文件大小应忽略不计。
另一个渲染问题是Google字体，这很常见。忽略有关此的Google建议；建议将Google字体放在页脚中。
更好的方法是使用诸如Font Squirrel Webfont Generator之类的工具简单地自己生成Web字体，以将HTTPS请求保存到Google（这会在加载资产时造成流量阻塞）。
但是，Pagespeed Tool忽略了网页速度受到影响的主要原因：您有68个HTTP请求。其中约三分之一是JS文件，应将它们聚集到一个.js文件中，或者使用Lab.js之类的库来延迟js *渲染以减少这些文件的HTTP请求。
*如果您使用Lab.js之类的阻止/加载库，则必须在HTML的脚本标签中内嵌关键Javascript或排除关键js文件。
至于移动得分，Google Pagespeed工具误认为您的网站对移动不利。在另一个内部页面上进行测试，您的手机得分约为74。
这可能是由于它超时并认为整个页面都已呈现或类似的内容-使用此类工具时，它们总是会执行多个页面，因为它们可能会出错。
您的大多数移动问题都可以通过内联css和推迟Javascript来解决。
PS：不要太着迷分数，大多数对您不利的事情都是对图像，css等进行较小的调整（即小于5％）。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句