pagespeed 相关问题

Google提供的一组工具，用于将效果最佳做法应用于网页。

浏览器中使用 HTTP/1.1 提供页面，CURL 中使用 HTTP/2 提供页面

我在本地 Apache 服务器上安装了 HTTP/2，并在 Ubuntu 上运行。 HTTP/2 正在工作，因为当我在页面上执行 CURL 时，它会设法升级协议： $ /usr/bin/curl -I --http2 http://test.local/publi...

apache google-chrome http2 pagespeed

回答 1 投票 0

有没有办法减少非常小的 svg 图像的最大内容痛苦元素渲染延迟？

我有一个静态网站，其中有一个非常小的（9KB）svg 图像。当我运行 Pagespeed Insight 时，我得到以下信息：正如我所说，SVG 文件大小仅为 9KB。我尝试将图像转换为 webp，结果...

svg rendering pagespeed

回答 1 投票 0

如何优化WordPress速度

我的 WordPress 网站速度很慢（加载时间为 6.9 秒），页面大小为 4.9 Mb。我用GTmetrix来分析我的主页：我认为主要问题是 JavaScript 的延迟解析。

wordpress optimization pagespeed w3-total-cache

回答 3 投票 0

如何允许对http基本身份验证网站进行页面速度洞察？

如何允许对 http 基本身份验证网站进行 pagespeed 洞察？即使我提到了以下格式的用户名和密码，它也会返回如下错误。灯塔返回错误：

pagespeed pagespeed-insights

回答 3 投票 0

Google PageSpeed 和 ImageMagick：png 压缩

我正在使用 Google PageSpeed 检查我的网站，并收到以下警告：无损压缩 image.png 可以节省 802B（减少 31%）。这个 png 文件上传到我的 Rails 网站上，带有

ruby-on-rails imagemagick png carrierwave pagespeed

回答 2 投票 0

无法解决。尝试检查 URL 的有效性

（无法解析 https://www.jhatpatnews.com/。请尝试检查 URL 的有效性。）我在 https://pagespeed.web.dev/ 上不断收到此问题，有谁可以帮我解决...

pagespeed google-pagespeed pagespeed-insights mod-pagespeed google-pagespeed-insights-api

回答 1 投票 0

当 css 文件中存在媒体查询时，如何设置 div 元素的特定宽度和高度？

我正在尝试解决 PagespeedInsights 中避免较大布局变化的问题解决方案是设置下面的 div 元素的高度。我正在尝试解决 PagespeedInsights 中避免较大布局变化的问题解决方案是设置下面div元素的高度。 <div id="HomeNewsEventsWrapper" class="section fixedheight1 introduction table"> @media (min-width:0px) and (max-width:580px) { #HomeNewsEventsWrapper{ } } 但是，它也会影响媒体查询（如果现实生活中视口大于580px）另外，如何设置每个视口的高度？我也尝试将高度和宽度设置为自动，但它不起作用。第一步在css文件中为元素设置固定的高度和宽度，针对较小的视口调整高度和宽度 #HomeNewsEventsWrapper{ height: 200px; width: 100%; background:red; } @media (max-width: 580px) { #HomeNewsEventsWrapper { height: 150px; width: 100%; } } <div id="HomeNewsEventsWrapper" class="section fixedheight1 introduction table"> 为了解决避免 PageSpeed Insights 中出现较大布局变化的问题，您可以为 #HomeNewsEventsWrapper div 元素设置显式宽度和高度。然而，确保这些尺寸适合各种视口大小以保持响应能力非常重要。以下是实现这一目标的方法： <div id="HomeNewsEventsWrapper" class="section fixedheight1 introduction table"> < !-- Your content here --> </div> #HomeNewsEventsWrapper { /* Default width and height */ width: 100%; height: 300px; /* Adjust as needed */ } @media (min-width: 0px) and (max-width: 580px) { #HomeNewsEventsWrapper { /* Adjust dimensions for smaller viewports */ height: 200px; /* Example height for smaller screens */ } } #HomeNewsEventsWrapper div 最初的默认宽度为 100%，固定高度为 300px。您可以根据设计需要调整高度值。在较小视口（小于或等于 580px）的媒体查询内，高度调整为200px。您可以修改该值以满足您的布局要求。您可以添加更多针对不同视口尺寸的媒体查询，以进一步细化每个特定屏幕尺寸的尺寸。通过设置明确的宽度和高度值以及适当的媒体查询，您可以确保布局在不同设备和视口大小之间保持稳定和响应，从而减少 PageSpeed Insights 建议的大布局变化的可能性。

html css media-queries seo pagespeed

回答 2 投票 0

如何减少页面加载的“等待时间”和“接收时间”

我正在使用 CloudFront，很多时候我看到等待时间和接收时间太长。根据Firebug文档，等待时间和接收时间意味着：等待 - 等待回复…

performance firebug amazon-cloudfront pagespeed

回答 2 投票 0

错误！请确保在加载期间将浏览器窗口保持在前台，然后重试。（NO_FCP）

将我的网站迁移到新域后，此测试页面显示不正确。我仍然需要该网站才能正常运行。在此处输入图像描述如何解决这个问题？迁移我的

wordpress migration pagespeed

回答 1 投票 0

缓慢的页面速度渲染延迟

大家好，感谢您成为这个社区的一部分。我正在这个网站上工作 Orangecountymovers.com 的渲染延迟和 LCP 相当慢。我尝试过在 Hero sli 中预加载元素...

performance pagespeed

回答 1 投票 0

根据 Google Page Speed，script-src 缺失，尽管它位于 .htaccess 中

我正在尝试解决这些警告 script-src 指令丢失。这可能允许执行不安全的脚本。和缺少 object-src 允许注入执行不安全脚本的插件...

.htaccess pagespeed csp

回答 1 投票 0

如何使用Astro优化大图像？

我正在尝试使用 Astro 优化 2.4 MB 图像 (4514x5789)。我试过：我正在尝试使用 Astro 优化 2.4 MB 图像 (4514x5789)。我尝试过： <Image src={Image} alt="image" quality={80} format="webp" loading="lazy" widths={[390, Image.width]} sizes={`(max-width: 768) 390px, ${Image.width}px`} class="rounded-lg" /> 不幸的是，根据 PageSpeed Insights，这还不够。我可以改变什么才能获得 100 分的性能分数？根据 Astro 文档，您提供的 widths 属性将用于在 HTML 中生成 srcset。您的页面上的内容如下： <img src="/_vercel/image?url=_astro%2Fdaniell.ewbYQu3K.jpg&w=3840&q=80" alt="Daniell sitting" loading="lazy" widths="390,4514" sizes="(max-width: 768) 390px, 4514px" class="rounded-lg" width="4514" height="5789" decoding="async"> 问题似乎在于您将原始图像的宽度作为 srcset 的潜在尺寸之一传递。在小于 768 像素的设备上，将使用 390 像素版本的图像。在宽度超过 768 像素的设备上，将使用完整的 4514 像素图像。页面上实际渲染的最大图像似乎是 390px，因此您不需要任何大于该尺寸的源。要解决此问题，请尝试从 Image.width 和 widths 中删除 sizes： <Image src={Image} alt="image" quality={80} format="webp" loading="lazy" widths={[390]} sizes="390px" class="rounded-lg" />

javascript pagespeed astro image-optimization

回答 1 投票 0

PageSpeed Insight 显示 Angular SPA 应用程序的性能较低

我正在运行一个 Angular 应用程序，该应用程序在移动版 PageSpeed Insight 中显示得分非常低（移动版为 41，桌面版为 86）。我在这里附上错误的屏幕截图。我真的可以用一些...

angular performance pagespeed lighthouse pagespeed-insights

回答 2 投票 0

Pagespeed Insights 不使用 gzip

PageSpeed Insights 不请求使用 gzip 编码的文件，这会导致文件大小的错误估计（使文件大小比实际大小大得多）。我浏览了一堆类似的问题...

pagespeed google-pagespeed pagespeed-insights

回答 1 投票 0

如何最大限度地减少 Cookie 同意代码对性能的影响？

这是我创建的非常基本的 html，用于测试 cookie 同意代码的影响。 <...