pagespeed 相关问题

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

在 html 标签中正确的 lang 属性应该写什么?

我有一个包含以下代码的网站: 我以为es_ES是lang属性...

回答 1 投票 0

如何改进下一个js应用程序的最大内容绘制

我面临着下一个js中最大的内容绘制时间。加载 dom 中的第一个内容需要 3 秒。想要提高网络速度以及移动速度。移动应用程序速度为 40%,并且...

回答 1 投票 0

CLS 提醒 PageInsights Core Web Vitals 中不支持 CSS 属性

在 Google PageSpeed Insights 中,收到大量“不支持的 CSS 属性”警报。 避免非合成动画 未合成的动画可能会很卡顿并增加 CLS。 不支持 CSS

回答 2 投票 0

我在移动设备上的 CLS 很高,因为图像不会停止加载

这是我面临问题的页面,这里是移动版 Google Pagespeed 报告的链接。我尝试过停止延迟加载,也尝试过预加载图像,但总是有延迟

回答 1 投票 0

如何使用reactjs / nextjs在window.onload事件之后加载脚本

我正在尝试优化我的google pagespeed Insights分数,我得出的结论是延迟nextjs的NextScript还不够好,它仍然会导致糟糕的LCP和TII。 我有

回答 2 投票 0

BigCommerce 速度优化警报“减少未使用的 JavaScript”

如何在 BigCommerce 中“减少未使用的 JavaScript”。列表中有一些外部链接,例如 facebook 和 google。 这里有些例子。 <p>如何在 BigCommerce 中“减少未使用的 JavaScript”。列表中有一些外部链接,例如 facebook 和 google。</p> <p><a href="https://i.stack.imgur.com/Qinne.jpg" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL1Fpbm5lLmpwZw==" alt=""/></a></p> <p>这里有一些例子。</p> <pre><code>&lt;script src=&#34;https://connect.facebook.net/signals/config/644953559017038?v=2.9.108&amp;amp;r=stable&#34; async=&#34;&#34;&gt;&lt;/script&gt; &lt;script src=&#34;https://connect.facebook.net/en_US/sdk.js?hash=32b9206856b6b312aad8799243cb8254&#34; async=&#34;&#34; crossorigin=&#34;anonymous&#34;&gt;&lt;/script&gt; &lt;script src=&#34;https://cdn11.bigcommerce.com/s-0d59c/stencil/5e7921e0-f25d-013b-de3a-0e522e24c7d7/e/bb005010-f362-013b-8376-060bcaae9c49/dist/theme-bundle.main.js&#34; async=&#34;&#34;&gt;&lt;/script&gt; </code></pre> </question> <answer tick="false" vote="0"> <p>我会忘记这组误导性的警告。该工具不与页面交互,因此不知道是否使用了代码。并且它无法确定任何资源是否确实对用户体验产生任何影响。</p> <p>如果您仍然想删除这些警告,请删除您的 Facebook 和 Google 跟踪代码、小部件以及任何使用 jquery 的内容。您无法真正删除该捆绑包,因为这是使您的网站正常运行的核心。</p> </answer> </body></html>

回答 0 投票 0

为什么一个小图标需要 10 倍的时间来加载?

我正在使用 GTMetrix 来分析我们的网站。 我发现一个奇怪的事情。加载 1.32k favicon.png 需要 221 毫秒。但加载1.61k logo.png只需要26ms,见下图: 为什么 favicon.png 需要这么...

回答 1 投票 0

为什么一个小图标需要 10 次才能加载?

我正在使用 GTMetrix 来分析我们的网站。 我发现一个奇怪的事情。加载 1.32k favicon.png 需要 221 毫秒。但加载logo.png只需要1.61k,见下图: 为什么 favicon.png 需要这么长时间...

回答 0 投票 0

如何减少 WordPress 中未使用的 JavaScript 以提高我网站的 PageSpeed 分数? [关闭]

您好,我在 pagespeed.web.dev 中遇到了问题,因为它检测到很多未使用的 javascript。 我不知道它来自哪里,我将如何减少 wordpress 中那些未使用的 javascript。 我不是那个

回答 0 投票 0

Angular PWA 应用程序:如何处理页面速度洞察中的“最小化主线程工作”和“减少 JavaScript 执行时间”建议

我有一个有角度的 PWA 应用程序。它在起始页显示了很多内容,因此需要从服务器加载内容。这需要一些时间,并且必须完成大量 Javascript 工作。 谷歌页面...

回答 1 投票 0

链接不可抓取 - AddToAny Share Buttons 插件 joomla 4

我在我的 Joomla 4 网站上使用 AddToAny Share Buttons 插件,但我在测试中遇到了 SEO 错误 https://pagespeed.web.dev/ 在台式机和移动设备上。 链接不可抓取: div.uk-mar...

回答 0 投票 0

通过testcafe执行测试时体验极度缓慢

测试场景:我正在使用testcafe自动化框架来运行测试。我在运行测试用例时遇到了极度缓慢的情况。当我在 testcaferc.json 中更改我的代理时会发生这种情况...

回答 1 投票 0

CLS 在 PageSpeed Insights 上得分低

我在 CLS 上遇到了 Pagespeed Insights 的问题,它破坏了我的分数,而这个分数并不存在 来自页面速度洞察力的链接在这里 错误是在 body.home > ...

回答 0 投票 0

我可以使用 SVG 标题标签作为输入标签吗?

PageSpeed Insights 在我们的网站上抱怨“表单元素没有关联的标签”。 我正在使用的相关代码是: PageSpeed Insights 在我们的网站上抱怨“表单元素没有关联的标签”。 我使用的相关代码是: <input id="input-1" type="checkbox"> <label for="input-1"> <svg> <title>This is the label text</title> <!-- rest of svg --> </svg> </label> 这应该足够方便吗? (我知道使用没有文本的 SVG 图标对于有视力的用户来说并不是最佳的可访问性,但这不是 PageSpeed 在这里抱怨的。) 可访问名称和描述计算标准中的计算步骤特别提到<title>元素作为为标签提供文本的有效方式。 E。主机语言标签:否则,如果当前节点的本机标记提供了定义文本替代项的属性(例如 alt)或元素(例如 HTML 标签或 SVG title),则以平面字符串的形式返回该替代项由宿主语言定义,除非该元素被标记为表示性的(role="presentation" 或 role="none")。 (我强调了重要的部分) 所以说到一致性,你很好。 但是,对于可访问性来说重要的也是实用部分。有多少用户因浏览器或辅助技术支持不足而遇到困难?你绝对应该测试一下。 根据 a11y 支持,SVG <title> 元素在 iOS 上的 VoiceOver 中不支持,在 macOS 上仅部分支持。我可以确认它仍然是 Firefox 中的问题。 我建议使用 aria-label 或视觉上隐藏的元素来为 SVG 图标提供替代文本。 /* https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html */ .visually-hidden:not(:focus):not(:active) { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } <input id="input-1" type="checkbox"> <label for="input-1"> <svg aria-label="This is the label text" data-altlabel="svg-title" width="50" height="50"> <title id="svg-title">This is the label text</title> <!-- rest of svg --> <rect width="50" height="50" fill="#cc0000"></rect> </svg> </label> <input id="input-2" type="checkbox"> <label for="input-2"> <span class="visually-hidden">This is the label text</span> <svg aria-hidden="true" width="50" height="50"> <!-- rest of svg --> <rect width="50" height="50" fill="#cc0000"></rect> </svg> </label>

回答 1 投票 0

浏览器错误记录到控制台

我正在对一个 Wordpress 站点进行故障排除,该站点出现 Pagespeed 错误,浏览器错误被记录到控制台。 加载资源失败:服务器响应状态为 403(Forb...

回答 0 投票 0

如何修复导致高 CLS Google Page Speed 数字的动画

我的网站上有这个动画,效果很好。 问题是,当我在 pagespeed 上检查我的网站时,他们似乎不喜欢这种效果。 .contBachecaHiGift { 宽度:100%; 字体...

回答 0 投票 0

Page Speed Insights 为 Google Recaptcha 删除未使用的 JavaScript

我有一个网站在 Google Page Speed Insights 上得分很高,但它显示了一个性能问题,即“删除未使用的 JavaScript”这个文件: https://www.gstatic.com/recaptcha/releases/

回答 2 投票 0

Cumulative Layout Shift pagespeed lighthouse first

我遵循了一篇关于消除 Google 字体渲染阻塞的帖子中的建议,这是来自 https://pagespeed.web.dev/ 及其伙伴 Lighthouse 的结果。 我将以下内容添加到 ...

回答 0 投票 0

如何优化我的所有图像?

诊断 我最近遇到:PageSpeed Insights,它基本上测试你的页面速度,吐出一个分数,并显示导致你的页面变慢的原因。 我输入我的网址,这是我的 : 结果。 是……

回答 4 投票 0

如何减少下拉菜单的 CLS

例如,此页面 (https://www.aaoc.com.au/rent-hire-av-trolleys) 在桌面上的 CLS 为 0.934,这是由 javascript 下拉子菜单产生的。 如何在

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.