问题标签 [google-pagespeed]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
wordpress - 我无法使用此代码在 .htaccess 中启用 gzip。我还需要做什么?
我正在尝试用 gzip 压缩,所以我把这个块放在我的 .htaccess 文件中。
我仍然在 Google PageSpeed 中收到“启用压缩”消息;但是,在这个网站上,它说我的网站是 gzip 压缩的。
我还有什么需要补充的吗?
user-agent - Google PageSpeed 用户代理的名称是什么?
此页面表明它使用自定义用户代理,但未提及名称。如果用户代理来自 PageSpeed,我希望能够运行一些逻辑。Google PageSpeed 用户代理的名称是什么?
https - Nginx 页面速度写入 http 而不是在负载均衡器后面提供的相对 url
我对将网址写入http://example.com的 Google 的“nginx page speed”插件有疑问。我正在使用 Elastic Load Balancer 将 https 映射到 AWS 上的 http。
我发现修改后的网址为http://example.com/sample.XXXXXXX.css。这在 http 端点上运行良好,但是当我有 https 端点时,css 无法正常工作,因为从 http 到 https 的安全/跨域发生了变化。
有没有办法让页面速度模块使用相对网址而不是绝对网址?
php - 在 Magento 上使用 X-Forwarded-For 标头
所以这是交易:
我们正在尝试设置 Google Page Speed 以与 Magento 一起使用,我们担心由于所有页面都将由 Google 提供,我们将不知道我的用户请求的客户端 IP 地址。我们担心这会影响我们的用户与网站交互的能力(登录/注销和结帐)以及我们使用分析的能力(谷歌分析)。这真的会成为一个问题/问题吗?
我们做了一些研究,发现我们需要在 Apache 或 PHP 中设置 X-Forwarded-For 标头。我们的主人说他们不能这样做,因为:
通常我们会使用 mod_rpaf 来做你想做的事情(在它被传递给你的代码之前将转发的 IP 转换为真实的 IP)但是 mod_rpaf 要求你提供一个转发服务器的列表。谷歌不提供这个,所以我们不能使用那个。
所以现在剩下的唯一选择就是用 Magento 的 PHP 来设置它,我们该怎么做呢?
在通过 Magento 管理员(系统 > 配置 > Web > 会话验证设置)时,我们注意到“验证 HTTP_X_FORWARDED_FOR”:将其更改为“是”有帮助吗?
-谢谢。
caching - Google Webfonts 的缓存验证器
所以我正在创建一个超优化的网站,我的页面加载速度https://developers.google.com/speed/pagespeed/是99 (out of 100)。
唯一让我远离百分百的是:
通过指定缓存验证器(Last-Modified 或 ETag 标头),您可以确保可以有效地确定缓存资源的有效性。
什么?!我不知道我该怎么办。如何为 google webfonts 设置缓存验证器?
我有这样的网络字体:<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800' rel='stylesheet' type='text/css'>
.
如果这很重要,我在 ubuntu 上使用 apache2。
将 webfont 下载到服务器并从那里使用它会将分数降至 96,因此这也无济于事。
performance - Google PageSpeed 服务 - 使用 AngularJS 压缩图像
TL;DR 问题: Angular 和 PageSpeed 是否完全兼容?我在任何地方都找不到这方面的任何信息。
我有一个使用 AngularJS 从外部网站加载图像的应用程序。这些图像通常很大(~500kb,~1200x900px),但在我的应用程序中以较低的分辨率(~800x500px)提供。我无法控制图像大小或压缩级别。
我已经注册了 Google PageSpeed 服务,并且一切正常运行。然而,这些图像并没有以任何方式被触及。我想知道这是否是因为我正在使用 AngularJS 来提供它们(尽管图像在 Angular 中,但我使用src="{{img}}"
而不是提供图像ng-src
)。
关于我可以做些什么来让它工作的任何想法?对我来说,这似乎是一项理想的服务,适当的图像压缩和缩放将使我的页面加载从 ~2mb 到 ~100kb!
有没有其他服务可以做类似的事情?在将图像提供给我的用户之前,我需要某种中间件来压缩和缩放图像。
编辑:为清楚起见,我的服务器使用 NodeJS/ExpressJS/AngularJS/MongoDB 在 Heroku 上运行。不知道这会不会影响什么。
javascript - 什么是 Google Pagespeed 中的“首屏内容”?
直到最近,我的网站 (www.heatexchangers.ca) 在 Google Page Speed 上的得分为 98%。有几件事我无能为力,例如来自网络字体的查询字符串。我对此非常满意,因为这代表了我能做的一切。
最近谷歌添加了一些影响页面速度得分的东西,我现在在页面速度上只得到 89% 并得到这个建议:
- 消除首屏内容中的外部渲染阻止 JavaScript 和 CSS。
解决此问题的建议似乎涉及浏览我所有的 .css 和 .js 文件并将其中的某些部分分开并将它们内联添加到我的 html 中。这让我有些困惑,因为我的印象是我们必须尽可能多地在 HTML 中保留 JS 和 CSS。
“首屏”内容到底是什么?如果是字体、背景颜色等几种样式;然后我可以看到包含内联可能没什么大不了的。我无法找到确切的列表。
wordpress - PageSpeed网站优化麻烦
我在我的网站上包含压缩时遇到问题。使用 WordPress 和 GZIP 压缩 HTML 托管的站点即使在 .htaccess 或插件中没有任何行也可以正常工作。但是 JS/CSS 的压缩并没有开启。我尝试了很多不同的代码,例如:
或者
或者
或者
甚至在我的 header.php 中:
和许多其他人......
与服务器管理员沟通,包含更多 apache 修改器:mod_headers、mod_filter 和 mod_expires,但压缩仍然不起作用。我不明白为什么???以及 HTML 的压缩是如何工作的???
我的一些服务器的 phpinfo():
我尝试过使用很多 WP 插件,例如:W3 Total Cache、Force GZIP、WP HTTP 压缩等……而且……什么都没有!
然后我尝试手动压缩文件:style.css -> style.css.gz -rename-> style.css -load to ftp and replace original。Google 的 PageSpeed 显示“太好了!启用压缩!这是您的速度点”,但我的浏览器显示“我的 style.css 在哪里,这是什么类型的 cr*p?” - 因为 style.css 的响应没有“编码 gsip”标头。
谢谢指教!!!
pagespeed - Pagespeed + nginx - 不缩小 css 和 javascript
我有大约 14 个 css 表和大约 12 个 js 文件需要与我的应用程序一起加载。
我正在使用谷歌页面速度。
不是将 14 张纸合并为 1 张,而是将它们合并为 3 张。
即使是 javascript 组合也不能很好地工作,但在某种程度上是这样。那里也没有缩小。
我尝试阅读文档,但找不到太多线索。
而且它没有做任何缩小。它正在工作,但只是在某种程度上
这是与此有关的所有代码:
我错过了什么过滤器?
asp.net - 如何在 ASP.NET MVC 中缓存外部静态内容
在检查页面速度时,Google Page speed 建议我“利用浏览器缓存”。因为我在 .config 文件中使用此代码在我的 MVC 应用程序中启用了缓存。
在此之后,来自我自己域的静态内容的缓存正在被缓存,但它正在工作。
但是,来自外部域的静态资源不会被缓存。例如:mydomain.com/content/scripts/somescript.js --> 被缓存 http://widget.uservoice.com/ha3YmZucx5RAYmq2cS9qw.js --> 没有被缓存
出于这个原因,谷歌仍然建议我“利用浏览器缓存”。
如何使我的应用程序能够缓存来自外部域的静态资源?