标签: google-pagespeed
在PageSpeed Insight API v5的json结果中查找分数
我正在尝试Google v5 API页面速度分析，但是在json结果中找不到SCORE。
这是api https://www.googleapis.com/pagespeedonline/v5/runPagespeed
在v4中，有一个ruleGroups.SPEED.score，其中包含带有分数的整数。
在哪里可以找到v5内的分数？
谢谢
推荐指数
解决办法
查看次数
应用引擎上的Pagespeed ..很多问题.我错过了什么吗？.. [php,appengine]
最近我们将我们的网站部署到谷歌应用引擎,并成功部署了一切.现在我们在设置中启用pagespeed.
现在问题.
它在html head部分加载css,带有一些错误的脚本标记而不是样式标记..
- 我尝试了每一个和许多确认设置但没有任何作用..
- 我想在html中加载谷歌字体css(不工作,因为问题1现在禁用与css相关的过滤器)
- 我希望它将我的所有j组合到一个文件并压缩它.(不工作)
这是yaml中的页面速度配置.
pagespeed:
enabled_rewriters:
- ConvertMetaTags
- ElideAttributes
- CollapseWhitespace
- CombineJs
- ProxyCss
- InlineCss
- MinifyCss
- RemoveComments
disabled_rewriters:
- FlushSubresources
- WebpOptimization
- InlineImages
- ImageStripColorProfile
- ProxyImages
- ProxyJs
- ImageRecompressPng
- ImageProgressiveJpeg
- ImageConvertToJpeg
- DeferJs
- MoveCssToHead
- InlineJs
- InlinePreviewImages
有时它刷新页面一两次后在html中加载css ..
有没有在app.yaml或其他地方配置pagespeed的更多高级设置,如pagespeed service和mod_pagespeed
或者有没有办法使用外部pagespeed服务for appengine而不是一个inbuit与它.(我试过这个,但它不从原始域(app引擎)获取内容)
有人在下面的评论中说删除了pagespeed部分,现在网站没有它.但没有任何作用.
推荐指数
解决办法
查看次数
Google PageSpeed Insights优化运行新图像压缩的图像？
根据去年的Google PageSpeed Insights +,我的网站上的所有图片都经过了优化.可以在此处找到Google PageSpeed Insights:https://developers.google.com/speed/pagespeed/insights/
但是,我只是为我的网站运行它,并注意到几乎所有的PNG,JPG,JPEG图像现在都显示为需要在"应该修复"部分下进行优化.如"压缩可以保存x KB(x%)".
像往常一样,它们仍允许您将图像下载为他们建议使用的压缩版本,但有些图像似乎没有无损压缩并且显示质量损失.
谷歌是否提出了一种新的图像压缩算法用于其PageSpeed Insights？如果是这样,那么Linux中的optipng和jpegoptim严重过时了Google现在在PageSpeed Insights中使用的压缩算法.因此,甚至无法对Linux中的图像文件夹进行批量压缩.
看起来这两个大型(前500名)网站和小型网站都受此影响,并且由于"优化图像"建议,它在PageSpeed Insights上发送了许多网站.
不确定这是一个谷歌的错误,或者发生了什么,希望看到其他人的想法,因为我相信其他网站管理员很快就会注意到.
推荐指数
解决办法
查看次数
这种内部CSS有效吗？
我正在尝试优化一个小网站,我现在正在研究CSS.
我们举个例子index.php.我已经先加入做到了标准的方式<link rel="stylesheet" href="style.css">在<head>我的HTML输出.
谷歌PageSpeeds然后抱怨渲染阻止文件.
然后我尝试了另一种方法,而不是<link>上面的标记,我在以下内容中添加了<head>:
<style>
<?php include 'style.css';?>
</style>
这有效地给了我一个内部CSS,同时仍然方便我的所有页面都有一个文件.我没有渲染阻止文件,PageSpeed似乎更快乐.
这里有什么明显的缺点吗？我应该像Google PageSpeed一样快乐吗？
推荐指数
解决办法
查看次数
Google Insight 在 Angular 应用程序中表现出非常低的性能
我正在运行一个 angular 应用程序，它在谷歌页面洞察中显示出非常低的分数（移动设备为 13，桌面为 43）。我在 Nginx 服务器上运行它，所有压缩和缓存问题都从 Nginx 端解决，但它在页面洞察力方面仍然显示出非常低的分数。页面中只有一张图像，并且已经被压缩。
错误是删除未使用的 javascript 和 css 文件。但是他们显示错误的文件是从角度生产构建生成的构建文件。我不明白这些文件是如何未被使用的。我在这里附上错误的截图。请帮我解决这些问题。
推荐指数
解决办法
查看次数
使用 LazyLoad 时，Largest Contentful Paint 显着增加
我的一个网站的 LCP 非常糟糕，4.6。我意识到如果没有主动延迟加载我的图像，LCP 是 2.0 。TCB 也通过使用延迟加载而增加。所以我想这一定是我的 JS-Skills 不好，所以能给我一个提示吗？
我的实际代码：
let lazyImages = [...document.querySelectorAll('img[data-src],iframe[data-src],div[data-bg],header[data-bg]')];
let inAdvance = 300;
function lazyLoad() {
lazyImages.forEach(image => {
if ( !image.classList.contains( 'lazyloaded' ) && !image.classList.contains( 'none' ) && image.getBoundingClientRect().top <= window.innerHeight + inAdvance && image.getBoundingClientRect().bottom >= 0) {
if( image.hasAttribute( 'data-src' ) ){
image.src = image.dataset.src;
}
if( image.hasAttribute( 'data-bg' ) ){
image.setAttribute( 'style', 'background-image:url( ' + image.dataset.bg + ' );' );
}
image.classList.add('lazyloaded');
//image.onload = () => image.classList.add('lazyloaded');
}
})
}
window.addEventListener( 'scroll', …推荐指数
解决办法
查看次数
Google Page Speed 利用浏览器缓存未标记为已解决
我在页面速度测试中几乎没有要解决的警告，例如：
利用浏览器缓存
在 HTTP 标头中为静态资源设置到期日期或最长期限会指示浏览器从本地磁盘而不是通过网络加载先前下载的资源。
然后它指向本地 .js 和 .css 文件
但是我的 htaccess 中有这个：
<FilesMatch "\.(js|css|ttf)$">
Header set Cache-Control "max-age=604800, public"
</FilesMatch>
<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=604800, public"
</FilesMatch>
<FilesMatch "\.(html|htm|php)$">
Header set Cache-Control "max-age=60, private, proxy-revalidate"
</FilesMatch>
<FilesMatch "\.(css|js|gif|jpeg|png|ico)$">
ExpiresActive On
ExpiresDefault "access plus 1 year"
</FilesMatch>
知道我做错了什么吗？
推荐指数
解决办法
查看次数
网址超时。确保它及时响应来自 Google 的请求。关闭
我正在检查https://developers.google.com/structured-data/testing-tool/ 中的网站链接
一个 url 链接有效，而另一个（来自同一站点）无效。此消息即将出现：
The URL timed out. Make sure it is responding in a timely fashion to requests from Google.Dismiss
我的网站是http://five.vn。
有人可以帮助理解为什么它不起作用或者我可以做些什么来测试它？
谢谢
推荐指数
解决办法
查看次数
如何将 ngx_http_ssl_module 添加到 nginx 的编译版本
我在我的服务器上设置 ssl 时遇到问题。我已经使用 modpagespeed 配置了 nginx（来自https://www.modpagespeed.com/doc/build_ngx_pagespeed_from_source 的编译版本）
nginx: [emerg] the "ssl" parameter requires ngx_http_ssl_module in /usr/local/nginx/conf/nginx.conf
我需要添加 ngx_http_ssl_module 模块，但我不知道如何在不损坏我已有的其余配置的情况下进行操作。
推荐指数
解决办法
查看次数
减少第三方代码的影响 - Google CDN
看来我的页面速度得分受到此问题的严重影响：
减少第三方代码的影响 第三方代码阻塞主线程 [number] 毫秒
每次运行测试时这个数字都会变化，有时是 1,000，有时是 1,400 等。
从 Google CDN 我只加载 jquery 插件并加载 Web Font 脚本来延迟加载字体，这里是相关代码：
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6/webfont.js"></script>
<script>
WebFont.load({
google: {
families: ['Open Sans:400,600','Roboto:400,500,700']
}
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
这是来自页面速度洞察的信息：
第三方| 尺寸| 主线程阻塞时间
谷歌CDN | 40 KB | 1,001 毫秒
引导 CDN | 70 KB| 0毫秒
我应该做什么来提高速度？
我注意到向我的网站添加更多 JS 代码或删除它会影响这个“主线程阻塞时间”，即使该代码不是来自 Google CDN。
例如，如果删除一些 javascript 块，例如这些本地脚本：
<script src="/js/d3.v5.min.js"></script>
<script src="/js/billboard.min.js"></script>
<script defer src="/js/moment.min.js"></script>
Google CDN 的主线程阻塞时间减少到 500 毫秒，我的分数增加
javascript jquery pagespeed google-pagespeed pagespeed-insights
推荐指数
解决办法
查看次数
标签 统计
google-pagespeed ×10
pagespeed ×5
javascript ×2
nginx ×2
.htaccess ×1
angularjs ×1
apache2 ×1
api ×1
caching ×1
css ×1
image ×1
jpegoptim ×1
jquery ×1
lazy-loading ×1
lighthouse ×1
nginx-config ×1
optimization ×1