我一直在到处搜索,但找不到以下问题的答案。
有什么限制?每天有多少个请求?
先感谢您
我将 Google PageSpeed 模块安装到我的 CentOS 7.0 DA VPS 上。我通过安装 PageSpeed 模块来使用这个博客:http://www.haloseker.com/install-go...h-directadmin/
当我检查 Apache 错误日志时,发现以下错误:
[pagespeed:error] [pid 2593] [mod_pagespeed 1.11.33.1-0 @2593] Could not create directories for file /var/cache/mod_pagespeed/v3/domain.com/https,3A/,2Fwww.domain.com/icon_feed.gif,.temp
[pagespeed:error] [pid 2593] [mod_pagespeed 1.11.33.1-0 @2593] /var/cache/mod_pagespeed/v3/domain.com/https,3A/,2Fwww.domain.com/icon_feed.gif,.temp8f2OKe:0: opening temp file: No such file or directory
[pagespeed:error] [pid 2673] [mod_pagespeed 1.11.33.1-0 @2673] Failed to make directory /var/cache/mod_pagespeed/v3/domain.com/https,3A/,www.domain.com/images: Permission denied
Run Code Online (Sandbox Code Playgroud)
我怎么解决这个问题?
我们如何通过 SSR 提高 Nuxt 的速度性能有以下几点。
google-pagespeed vue.js server-side-rendering nuxt.js pagespeed-insights
我有CentOS 6,我已经安装了OptiPNG 0.6.4(CentOS上唯一可用).当我优化图像时,我运行此命令:
find . -regex ".*\.\(png\)" -exec optipng -o7 -preserve '{}' \+
Run Code Online (Sandbox Code Playgroud)
对于OptiPNG,我的图像已经过优化,但是当我运行Google Page Speed Insight时,它抱怨我的PNG未经过优化.
我应该使用另一个命令吗?我应该安装更新版本的OptiPNG吗?
我font-awesome
在应用程序中使用图标angular
。我检查了我的网络结果pagespeed
。我遇到字体问题。
这是pagespeed
结果。
它所说的用途<link rel=preload>
,但问题是它..fonts/fontawesome-webfont.woff?v=4.7.0
可以在FontAwesome
的 css 文件中使用,那么我如何为此添加预加载呢?或者有什么解决方案可以修复它?
这是我的index.html,其中包含了font-awesome
cdn。
<link rel="preload" as="style" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" crossorigin />
Run Code Online (Sandbox Code Playgroud)
我认为这就是问题所在css
。
@font-face {
font-family: 'FontAwesome';
src: url('/assets/fonts/fontawesome-webfont.eot?v=4.7.0');
src: url('/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/assets/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/assets/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
Run Code Online (Sandbox Code Playgroud) performance-testing lighthouse google-pagespeed font-awesome pagespeed-insights
与样式表一起使用时,Google Pagespeed 测试无法识别预加载。我试过
<link rel="preload stylesheet" href="http://www.example.com/style.css" />
Run Code Online (Sandbox Code Playgroud)
它仍然显示“考虑使用优先级获取当前在页面加载后期请求的资源。”。如果我从 rel 属性中删除样式表,它会识别预加载。
我想试试这个:
<link rel="preload" rel="stylesheet" href="http://www.example.com/style.css" />
Run Code Online (Sandbox Code Playgroud)
但我不确定您是否可以为同一个链接标签设置 2 个相同的属性。这行得通吗?
我推迟了非关键的 CSS/JS 并预加载了网站的基本 CSS。PageSpeed Insights上的每个实验室数据都变得更好。“最大内容绘制”和“累积布局变化”除外。特别是,CLS 从 0.002 增加到 1.148!
网站上的图像设置为background-image
我认为不会出现“图像没有尺寸”的问题。我也尝试使用 修复字体font-display
,但 CLS 仍然相同。
我可以使用其他任何技术来优化 CLS 吗?
我有一个 wordpress 网站正在运行,我正在使用 W3Total 缓存插件来加快网站加载速度。当我在 Google Page Speed Insight 中扫描网站时,我注意到我得到的扫描结果不一致。我有一个浮动在网页上的 Facebook Messenger 聊天和一个谷歌地图。由于这两个给了我减少第三方代码警告的影响,我进行了更改,以便仅在 DOM 完全加载后才加载这两个。实际上,我为此使用了 jQuery SetTimeOut。通过这样做,我实际上设法从结果中删除了警告。但时不时我注意到同样的警告再次出现,即使我已经做出了调整。如果我经常扫描网站两到三遍,warnong 可能会消失,但我会在一段时间后再次尝试。
这些是频繁扫描的结果。你们知道这里会发生什么问题吗?我花了很多时间搜索,但无法理解它。
wordpress google-pagespeed w3-total-cache pagespeed-insights
我为一家公司建立了一个网站,当我去尝试谷歌页面速度中的https://openroad.nz域时,它返回此错误Requests from referer https://www.googleapis.com/ are blocked
。
知道这是什么以及为什么会发生吗?
lighthouse ×2
pagespeed ×2
api ×1
centos7 ×1
css ×1
directadmin ×1
font-awesome ×1
nuxt.js ×1
optimization ×1
performance ×1
png ×1
preload ×1
vue.js ×1
wordpress ×1