问题标签 [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.

0 投票
3 回答
4103 浏览

html - Google Page Speed - 这些消息是什么意思?

我在几个页面上运行了 Google Page Speed Firefox 扩展,并在“高效 CSS 选择器”下列出了我的 CSS 中效率低下的各种内容。

但有些消息似乎有点神秘 - 这些(粗体)是什么意思:

div#menu h3.soon 小
标签键,带有 2 个后代选择器和 ID 过度使用标签和 Class 过度使用标签

table.data tr:nth-child(2n) td
带有 2 个后代选择器的标签键和标签过度限定的类

table.data tr.disabled td
带有 2 个后代选择器的标签键和标签过度限定的类和标签过度限定的类

我假设他们认为后代选择器不好,但也有很多“过度合格”。我可能不会花太多精力来解决所有这些问题(有很多),但很高兴知道 Google 在这里的实际含义!

0 投票
5 回答
2761 浏览

html - CSS/HTML:在图像上使用最大高度是否有助于 HTML 渲染?

我刚读完YSlow 建议始终定义图像尺寸(高度/宽度)以提高 HTML 渲染性能。

但是,我也不知道我要链接的图像尺寸。

我所知道的是height永远不会大于 200px,width永远不会大于 300px

如果我定义(CSS),我会受益吗:

对于 HTML 性能渲染?

0 投票
0 回答
1291 浏览

iis - IIS 浏览器缓存不起作用

我在 IIS 6 中为我们所有的静态图像和 CSS 启用了缓存(通过右键单击 IIS 中的这些文件夹并在HTTP Headers下启用 Content Expiration after 30 days )。

当我运行 Google PageSpeed 并查看资源选项卡时,这些图像和 css 的状态显示为 200,但我期待的是 304(未修改)。当我在 Pagespeed 中查看 Yahoo.com 时,它的所有图像都有 304 状态。所以我的缓存不起作用?或者这就是 IIS 内容过期的工作方式。

任何帮助,将不胜感激。

0 投票
2 回答
6493 浏览

php - JPG 文件大小优化 - PHP、ImageMagick 和 Google 的页面速度

我有照片库代码,可以重新调整图像大小和创建缩略图。我使用 ImageMagick 来做到这一点。我通过 Google 的 Page Speed 工具运行了一个图库页面,结果显示调整大小的图像和缩略图都有大约 10KB 的额外数据(特别是 JPEG 文件)。

我可以在脚本中添加什么来优化文件大小?


附加信息

我在调用函数时使用imagick::FILTER_LANCZOS了模糊设置的过滤器。JPEG 的质量设置为.0.9resizeImage()80

0 投票
2 回答
926 浏览

php - 用于测试加载速度的 PHP 库

我想知道是否有一个简单的 PHP 库来测试网页的加载速度或类似于 Google Page Speed 和 Yahoo! 的单个资源。Y慢。原因是我想建立一个基于网络的替代方案。

0 投票
2 回答
21905 浏览

php - 设置 HTTP 缓存过期,由 Google PageSpeed 推荐

我使用 Google 的 PageSpeed 在我的网站上进行了测试,它建议我“利用浏览器缓存”并提供以下资源:

http://code.google.com/speed/page-speed/docs/caching.html#LeverageBrowserCaching

此资源从未解释如何实际更改我的 http 标头的到期日期。我是否通过 .htaccess 执行此操作?我想尽可能长时间地设置缓存(不违反谷歌的最多一年的政策)。

任何关于推荐设置的建议(对于自定义 php 驱动的社交网络社区)将不胜感激。

0 投票
1 回答
3041 浏览

java - 如何使用 java 的 ImageIO 保存优化的 png 图像?

我在java中生成大量图像并通过如下ImageIO.write方法保存它们:

我对结果很满意,直到 Google 的 Firefox 插件“Page Speed”告诉我,如果我优化图像,我最多可以节省 60% 的大小。图片是二维码,大小约为 900B,firefox-plugin 优化版本约为 300B。我想直接从java中保存这样优化的300B图像。

所以我的问题又来了:如何使用 java 的 ImageIO 保存优化的 png 图像?

0 投票
2 回答
1150 浏览

performance - 为内联图像添加宽度和高度是否会提高页面加载性能?

为内联图像添加宽度和高度是否会提高页面加载性能?

与此相比

0 投票
2 回答
2569 浏览

javascript - 延迟加载 Javascript 文件与之前放置的任何区别

环顾四周,找不到讨论的这个具体问题。可以肯定的是,差异可以忽略不计,只是对您的想法感到好奇。

场景:在页面渲染之前不需要加载的所有 Javascript 都被放置在结束</body>标记之前。通过在触发 DOM 加载/就绪事件时执行的头部中的一些 Javascript 代码来延迟加载这些是否有任何好处或坏处?假设这只涉及下载一个完整的 .js 文件,其中包含完整的功能,而不是在使用时根据需要延迟加载几个单独的文件。

希望这很清楚,谢谢。

0 投票
3 回答
4260 浏览

http - 如何压缩 HTTP 响应标头?

在 Velocity 2010 大会上,Google 表示,标头压缩可以带来巨大的收益

Hölzle 指出在处理网页标头方面明显效率低下,这些标头提供有关用户 IP 地址、浏览器和其他会话数据的信息。平均网页对不同资源进行 44 次调用,其中许多请求包括重复的标头数据。Holzle 说,压缩标题可以为一些领先的网站带来 88% 的页面加载改进。

如何确保 Web 服务器发送的响应标头被压缩?以今天的技术,这甚至可能吗?