Page Speed - 消除渲染阻塞
Page Speed - Eliminate render-blocking
我正在努力提高我的 Google Page Speed 分数。目前移动设备为 51/100，桌面设备为 83/100。
其中一个问题是 "Eliminate render-blocking JavaScript and CSS in above-the-fold content"。适用的两个项目是我的缩小 CSS 文件和外部 Google 字体文件。我能做些什么来解决这个问题吗？
更一般地说，关于如何提高我的 Google 页面速度得分的任何反馈/建议。
我的网站：http://www.backpackerjobboard.com.au/
谢谢！
请缩小您的 html,js 和 css files.and 也尽可能减小图像尺寸。
用它来缩小 css：
http://cssminifier.com/
优化 "Render-Blocking" 元素更多的是 感知 加载时间，而不是最大化页面速度。
对于CSS，这涉及内联 CSS 关键css。这通常被称为 'Above-the-fold' 内容，尽管该术语不正确 - 关键 CSS 涉及基本样式、布局（即网格系统）等。
这是一个关键的 CSS 生成器，可在线使用（并在 GitHub 上）：
http://jonassebastianohlsson.com/criticalpathcssgenerator/
您这样做的原因是为了确保您的页面最重要的样式加载与 HTML，并且添加的文件大小为HTML 对于 gzipped 网页应该可以忽略不计。
另一个渲染问题是 Google 字体，这很常见。 忽略Google的建议；它推荐的是将 Google 字体放在页脚中。
更好的方法是使用 Font Squirrel Webfont Generator 之类的工具自行生成网络字体，将 HTTPS 请求保存到 Google（这会导致加载资源时出现交通堵塞。）
但是，Pagespeed 工具忽略了网页速度下降的主要原因：您有 68 个 HTTP 请求。其中大约三分之一是 JS 文件，应该 聚合 到一个 .js 文件 或 使用像 Lab.js 这样的库来延迟 js* 呈现以减少对这些文件的 HTTP 请求。
*如果您使用像 Lab.js 这样的 blocking/loading 库，您必须在 HTML 的脚本标签中内联关键 Javascript 或从中排除关键的 js 文件被推迟。
至于移动评分，Google Pagespeed 工具将您的网站误读为移动设备不友好。在另一个内部页面上对此进行测试，您的手机分数约为 74。
这可能是由于它超时并认为整个页面都已呈现或类似原因 - 当使用此类工具时，总是会处理多个页面，因为它们可能会出错。
大多数移动问题都可以通过内联 css 和延迟 Javascript 来解决。
P.S。不要太执着于分数，大多数对你不利的事情都是轻微的（即小于 5%）图像调整，css 等
我正在努力提高我的 Google Page Speed 分数。目前移动设备为 51/100，桌面设备为 83/100。
其中一个问题是 "Eliminate render-blocking JavaScript and CSS in above-the-fold content"。适用的两个项目是我的缩小 CSS 文件和外部 Google 字体文件。我能做些什么来解决这个问题吗？
更一般地说，关于如何提高我的 Google 页面速度得分的任何反馈/建议。
我的网站：http://www.backpackerjobboard.com.au/
谢谢！
请缩小您的 html,js 和 css files.and 也尽可能减小图像尺寸。 用它来缩小 css： http://cssminifier.com/
优化 "Render-Blocking" 元素更多的是 感知 加载时间，而不是最大化页面速度。
对于CSS，这涉及内联 CSS 关键css。这通常被称为 'Above-the-fold' 内容，尽管该术语不正确 - 关键 CSS 涉及基本样式、布局（即网格系统）等。
这是一个关键的 CSS 生成器，可在线使用（并在 GitHub 上）： http://jonassebastianohlsson.com/criticalpathcssgenerator/
您这样做的原因是为了确保您的页面最重要的样式加载与 HTML，并且添加的文件大小为HTML 对于 gzipped 网页应该可以忽略不计。
另一个渲染问题是 Google 字体，这很常见。 忽略Google的建议；它推荐的是将 Google 字体放在页脚中。
更好的方法是使用 Font Squirrel Webfont Generator 之类的工具自行生成网络字体，将 HTTPS 请求保存到 Google（这会导致加载资源时出现交通堵塞。）
但是，Pagespeed 工具忽略了网页速度下降的主要原因：您有 68 个 HTTP 请求。其中大约三分之一是 JS 文件，应该 聚合 到一个 .js 文件 或 使用像 Lab.js 这样的库来延迟 js* 呈现以减少对这些文件的 HTTP 请求。
*如果您使用像 Lab.js 这样的 blocking/loading 库，您必须在 HTML 的脚本标签中内联关键 Javascript 或从中排除关键的 js 文件被推迟。
至于移动评分，Google Pagespeed 工具将您的网站误读为移动设备不友好。在另一个内部页面上对此进行测试，您的手机分数约为 74。
这可能是由于它超时并认为整个页面都已呈现或类似原因 - 当使用此类工具时，总是会处理多个页面，因为它们可能会出错。
大多数移动问题都可以通过内联 css 和延迟 Javascript 来解决。
P.S。不要太执着于分数，大多数对你不利的事情都是轻微的（即小于 5%）图像调整，css 等