标签: pagespeed-insights

我是巴西人，我开始写体育博客。我去了 PageSpeed ??Insights 对我仍然需要调整的内容进行评估，但分析在 50% 处停止并出现以下错误：

“来自引用者https://www.googleapis.com/ 的请求被阻止”

可能是什么问题？解决起来会不会很简单？

Lighthours 和 Pagespeed 洞察力不断告诉我为图像定义明确的宽度和高度。但我的大部分图像来自图片标签，因为移动设备和桌面图像尺寸不同。如何根据所选图像提供不同的宽度和高度值？

<picture>
  <source media="(max-width:767px)" srcset="img_pink_flowers_small.jpg">
  <source media="(min-width:768px)" srcset="img_pink_flowers_large.jpg">
  <img src="img_pink_flowers_small.jpg" width="?" height="?">
</picture>

我位于西班牙，但我的操作系统、浏览器设置以及笔记本电脑上的所有内容都是英文的。由于某种原因，PageSpeed Insights 以西班牙语显示，这是我不想要的。当我更改 PageSpeed Insights https://www.screencast.com/t/oh940PDu2ec的语言设置时，它会恢复为西班牙语。请问我能做什么？谢谢！！！

在说"基于现场数据'页面缓慢'"时,使用90百分位而不是中位数分数,使得大量被贩运的网站(例如google.com)无法获得"快速"排名吗？这是由于每月流量在10M +范围内时会出现长尾？

上次我检查(2018年2月初),桌面google.com获得了100个灯塔合成分数,应该被解释为"几乎没有改进的余地",然而,该页面排名"慢",因为第90百分位FCP超过3秒.

使用此标准时,像nytimes.com这样的页面是否会被认为很快,甚至google.com的桌面页面根据现场数据排名很慢？

最近的例子(2019年2月14日)

前例为FCP的尾部更长:

在将 Bootstrap (4.5) 网格用于两列布局并更改列顺序时，我遇到了高 CLS（内容布局移位）的问题。

CLS是一个 Core Web Vital 指标。基本上，当页面加载时网页部分移动时，Google 会发现问题。据说这个指标会影响搜索引擎优化。

在高分辨率下，我的布局由两列组成。右侧的主要内容和左侧的侧边栏。在较低分辨率下，侧边栏内容被推到主要内容下方。所以 HTML 看起来像这样：

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-8 order-lg-2">
        </div>
        <div class="col-lg-4 order-lg-1">
        </div> 
    </div> 
</div>

问题是，当页面在桌面上呈现时，主要内容出现在左侧的一小段时间内，然后几毫秒后它转移到右侧的正确位置。对于简单的页面（具有简单的 DOM 或没有外部资源），这种转变是无法检测到的。 

我准备了一个这样的页面的例子。（源代码在 github 上）。为了测量 CLS，我在 Chrome 中使用 Lighthouse。在我的情况下，当我刷新页面时，我可以看到列在移动，并且 Lighthouse 通知我 CLS 值为 0.326。结果可能取决于渲染资源，因此您可能会得到不同的结果。但似乎Google Page Insight给出了类似的结果：

无论如何，有没有办法在页面呈现时避免这种转变？ 

使用 google chrome chrome dev，我正在为移动设备运行灯塔分析。

Lighthouse 显示最大内容绘制 (LCP) 的延迟为 7.0 秒：

我决定深入研究并单击：“查看原始跟踪”。

它将我重定向到性能选项卡：

这里说 LCP 是 749.7 毫秒（= 0.7497 秒）。

LightHouse 和 Performance 选项卡之间的这种差异来自哪里？

• 0.7497 秒的性能
• LightHouse 7.0 秒

如果您有一个<picture>元素在不同断点处具有不同纵横比的图像源，那么通过在 CSS 中使用纵横比和媒体查询来最小化 CLS 的最佳方法是什么？

当我使用PageSpeed Insights检查网站速度时

我无法看到结果并得到如下错误消息：

灯塔：FAILED_DOCUMENT_REQUEST。Lighthouse无法可靠地加载您请求的页面。确保您正在测试正确的URL，并且服务器正确响应了所有请求。净:: ERR_TIMED_OUT。

我已经添加了正确的网站网址。网址：https：//localandinterstateremovals.com.au/

请任何人帮助我。

我正在使用OctoberCMS，我有 apache 服务器并使用 AWS，当我进行 PageSpeed 测试时https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.rosterelf.com%2F&tab =桌面我不断收到此错误消息

通过高效的缓存策略提供静态资源

这是我的 .htaccess 文件代码来应对此错误。

.htaccess

<IfModule mod_rewrite.c>

    <IfModule mod_negotiation.c>
        Options -MultiViews
    </IfModule>

    <IfModule mod_headers.c>
        <If "%{REQUEST_SCHEME} == 'https' || %{HTTP:X-Forwarded-Proto} == 'https'">            
            Header always set Strict-Transport-Security "max-age=31536000"
        </If>
    </IfModule>

 

    ### MY OTHER DEFAULT CODE OF OCTOBERCMS WHICH IS NOT RELATED TO COMPRESSION ETC ... 

</IfModule>


# TN START GZIP COMPRESSION
<IfModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude …

PageSpeed Insights 中有一项新功能，可以向您展示真实用户的体验。现在，我在移动设备上检查了我的一个具有此功能的网站，并收到了以下消息：

“核心 Web Vitals 评估：根据最近 28 天收集期内的 Core Web Vitals 指标计算失败。了解更多”

为什么 PageSpeed 给我返回这个答案？在 Google Search Console 的 Core webvits 下似乎一切正常。