google-pagespeed相关内容

使用Google Tag Manager在加载后插入元素，避免内容布局改变

在客户站点上，我有一个元素，它产生CLS, content layout shift。此元素对网站的运行并不重要。 According to Nic Jansma，CLS测量以onLoad事件结束。 我的想法是从源代码中删除此元素，并在onLoad事件后使用Google Tag Manager加载它。遗憾的是，我不能走通常的路，因为issue nr. 3, according to S ..
发布时间：2022-04-10 09:34:12 前端开发

为 3rd 方 JS 利用浏览器缓存

我在 httpd.conf 上设置了过期 ExpiresActive OnExpiresDefault“访问加1个月"ExpiresByType 图像/gif“访问加 1 个月"ExpiresByType 图像/jpeg“访问加 1 个月"ExpiresByType image/png“访问加1个月"ExpiresByType text/css“访问加1个月"ExpiresByType 文本/j ..
发布时间：2021-11-11 04:53:01 PHP

Page Speed Insights - 按视口调整内容大小?

我在 Google Page Speed Insights 中收到错误说明: “页面内容对于视口来说太宽了，迫使用户水平滚动.根据视口调整页面内容的大小以提供更好的用户体验." “页面内容的宽度为 378 CSS 像素，但视口的宽度仅为 320 CSS 像素." 我在标题中设置了视口，如下所示: ..
发布时间：2021-09-17 20:30:13 前端开发

Google PageSpeed 用户代理的名称是什么?

此页面表明它使用自定义用户代理，但它没有提到名字.如果用户代理来自 PageSpeed，我希望能够运行一些逻辑.Google PageSpeed 用户代理的名称是什么? 解决方案 其他答案中的信息已过时:目前，Google PageSpeed 未在其 Google Page Speed Insights» 字符串中传递code>User-Agent HTTP 标头，它改为传递 «Chrom ..
发布时间：2021-09-15 18:56:29 其他开发

我的 js 滑块导致 CLS 分数较低:如何更改滑块的加载方式?

我在谷歌页面速度测试中的 CLS(布局转换)分数很低，我发现这是因为我的滑块加载方式.当页面加载时(主要是在慢速连接上)，滑块的图像都在彼此下方加载，当页面加载完成并且 javascript 加载时，只有这样其余的图像才会隐藏并开始滑动. 我根据教程创建了以下滑块.我不知道如何解决这个问题.我认为最好的方法是尝试隐藏所有其他图像(第一个除外)，直到加载 javascript.有没有办法用ja ..
发布时间：2021-06-15 19:55:57 前端开发

如何在本地主机上使用谷歌的页面速度洞察工具

我正在使用 google 的页面速度洞察工具，在生产中，它工作正常. 但是可以在 localhost 上使用它吗?或者是否有任何等效的工具来测试本地页面? 我知道灯塔标签也是一种选择，但指标有些不同！我需要在该服务中使用的相同 API！ 解决方案 您可以使用 Lighthouse 命令线路接口 (CLI)(或 从 NodeJS 运行它 如果您对此很熟悉)，这是为 Page Sp ..
发布时间：2021-06-13 19:54:20 其他开发

删除未使用的代码 Google Page Speed 和其他错误

Google 页面速度 在这里报告我一个我无法理解的错误. 删除未使用的代码我使用了 Google Page Speed 所说的所有 javascript，实际上 vendor.js 是该项目的主要脚本.与 Webpack 和 Laravel 编译和统一. 那为什么 Google Page Speed 说我不使用这些脚本?在我上传 lazysizes 插件之前，我没有得到任何这些. ..
发布时间：2021-06-13 19:54:11 其他开发

何时使用 rel="preload"?为什么预加载字体/FontAwesome 是个好主意?

我在 Google Pagespeed 中得到了这个推荐: '了解详情'-链接指向404.我试图弄清楚为什么这应该为我节省 7.08 秒，但找不到. 我认为在页面上加载 10 个图标是最后的优先事项?！图像、其他字体和脚本不是更重要吗? 或者以某种方式拖延了一些东西，这些字体没有加载? 我可以在我的网络选项卡中看到，如果我这样加载字体: ..
发布时间：2021-06-13 19:54:04 前端开发

如何修复确保在Webfont加载期间文本仍然可见

嗨，我在Google Pagespeed中遇到了这个问题我几乎将网站速度提高到100，唯一剩下的就是确保文本在webfont加载期间保持可见 我已经在使用font-display:swap;那为什么不能解决我的问题呢? 这是我的外部字体CSS @ font-face {字体显示:交换;字体家族:"Miriam Libre"；字体样式:正常；字体粗细:400；src:local('M ..
发布时间：2021-04-26 18:55:38 前端开发

PageSpeed审查和优化

我使用Google Pagespeed见解分析了我的页面速度，但没有得到建议.谁能帮我实现它. Leverage browser caching Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously do ..
发布时间：2020-11-19 22:37:39 其他开发

利用浏览器缓存来存储外部文件

我正在尝试使我的google页面速​​度洞察力评级为良好，但是我也希望将一些外部文件也进行缓存，有人知道什么是处理此问题的最佳方法吗？ https://s.swiftypecdn.com/cc.js（5分钟） https：//pagead2.googles联合。 com / pagead / js / adsbygoogle.js（60分钟） https://pagead2.googl ..
发布时间：2020-09-23 23:47:24 其他开发

如何优化我的所有图像?

诊断 我最近遇到了: PageSpeed Insights ，它基本上可以测试您的页面速度，吐出分数，并显示导致您的网页显示速度变慢的原因. 我输入我的网址，这是我的网址:结果. 问题 我显然得分不高，但是我正在努力改善它们. 我遇到了很多图像优化问题.我已经尝试了2件事. __ 1.使用ImageOptim软件 我尝试使用 ImageOptim Mac软 ..
发布时间：2020-07-31 02:00:34 其他开发

为什么Google PageSpeed Insights告诉我缩小javascript& CSS(将Rails 3.2与JS和CSS压缩一起使用)以及如何解决?

我知道我可以节省很多钱，但是要在Google PageSpeed Insights中获得更高的得分，从而可能获得更好的SEO排名，我该如何解决呢? 来自 https://developers.google.com/speed/pagespeed/insights/?hl=zh-CN&url=www.tradebench.com : Minify JavaScript for the f ..
发布时间：2020-07-15 04:24:44 其他开发