问题标签 [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.
http - 并发下载
我一直在监视 Firebug 的 Net 面板,并注意到在下载任何其他资源之前必须先下载 HTML。我想这是有道理的,因为其他资源是在 HTML 中定义的。有没有办法解决这个问题,以便可以在 HTML 下载期间下载其他组件?
performance - 如何配置 yslow 监控的 url?
我将 YSlow 和 ShowSlow 和 pagespeed 集成到我们的持续构建中,这样当测试运行时,yslow 会将页面加载时间、页面重量等指标传递给 Showslow 服务器,然后以图形方式显示结果。我目前有这个设置工作,但我仍然不知道如何配置 YSlow 将监控和发送信息的 url。有答案吗??例如,我想监控电子商务网站中的这些页面:
首页
书籍 主要
产品
ISBN
搜索 作品
详情
每当您点击与上述任何一个匹配的网址时,我如何告诉 YSlow 收集结果并将 ova 发送到 ShowSlow?希望我的问题很清楚。伙计们
javascript - 跨框架脚本重用
我有一个在 HTA(MSFT HTML 应用程序)中运行的应用程序,它在整个帧中一遍又一遍地使用相同的脚本文件;由于这在某些地方达到了 9,并且由于应用程序在各种服务器中设置,缓存设置为立即过期,所以我试图在这个泥球中开辟出某种性能。
是否有一种“好”的方法可以在顶部框架中加载主脚本文件,然后在框架中执行它,即
- - 顶部窗户 - -
--- SUB 帧 ----
以及这将如何受到窗口范围的影响(它会保持顶部窗口范围还是在框架窗口的范围内)
apache - 针对 Pagespeed 优化的 Apache Vhost 指令
我目前在我的虚拟主机中使用此设置:
虽然它非常适合加快速度,但有时用户看不到他们自己对内容所做的更改(主要是在使用 FireFox 时):( 任何建议/优化提示?
javascript - 浏览器什么时候初始化flash?
我正在优化一个有 Flash 的页面。我正在使用优化实践,例如将 Javascript 移到底部以不阻塞。删除内联脚本。并使用缩小的 css 和 js 最小化 HTTP 请求。
大多数页面内容都在闪存中,因此尽快加载它是目标。目前在 flash 渲染之前有 2 ~ 3 秒的延迟(使用 firebug 分析)
我想知道浏览器在页面加载的什么时候开始在页面上初始化 Flash?
是在渲染包含 flash 的 DOM 元素后吗?
是否一旦触发了完整的 onload 事件?
我想它可能也因每个浏览器而异。
php - Javascript重定向与表单提交到php脚本
我的网站主页上有一个表格,其中包含一个供用户输入成员姓名的框。从那里表单当前提交给一个 PHP 脚本,该脚本只是调用Header('Location: blah);
然后将它们定向到 /search/username/。
是否值得(我假设是这样)在javascript中进行重定向,以便将它们直接引导到/search/username?如果是这样,我将如何使用 javascript 进行重定向,只是旧的window.location = "http://www.google.com/"
performance - HTTP 存档规范
我想知道给定URL的网页性能,特别是给定网页(URL)中使用的每个资源的时间差(请求和响应之间)。
Google Page Speed API 也是如此,但它需要*.HAR 文件作为输入,我不知道如何为给定的 URL 生成 HAR 文件。
你能指导我吗?我想将此功能集成到我现有的WPF应用程序中。
是否有任何工具会生成 HAR 的 html URL?
谢谢,海伦沙阿。
caching - 使用 Cloudfront 时,如何设置相对于当前日期的 Expires Header?
我们正在开发一个大型网站,我们所有的图像和资源都在 Amazon S3 中。我们还使用 Cloudfront 在全球范围内分发我们的内容。我们想要的是告诉客户端 Web 浏览器缓存我们的文件,因为当我们更改它们时,我们也会更改 URL(Cloudfront 不会在其他地方反映 24 小时的更改)。
我们目前正在使用 ETag,但这不是最佳选择,因为客户端仍然必须执行请求以检查资源是否已更改。
一个解决方案是 Expires Header,但我们没有找到一种方法来设置它相对于当前日期的方法,就像在 S3 的 Apache 配置中可能的那样,我们不能定期更新所有内容,因为它几乎是。因此,我们需要一个配置选项,将 Expires 标头设置为相对于所有内容的当前日期的日期。
另一种解决方案是将 Cache-Control: max-age 设置为某个值。这行得通吗?它被主要浏览器接受吗?我会用这个破坏一些缓存算法吗?为什么 YSlow 建议设置 Expires 标头而不是 Cache-Control: max-age?
还有其他建议吗?我们正在压缩 CSS 和 JS,在合理的地方使用 Sprites,在可能的地方设置 Expires 标头和 ETag,并且很快将使用 Yahoo Compression Tool 和 gzipping Output 压缩我们的图像。
firefox - 利用浏览器缓存的 Google Page Speed 建议
好吧,我正在尝试优化我的应用程序,目前正在为此使用页面速度。最强烈的建议之一是我需要利用浏览器缓存。该报告将我发送到此页面:
http://code.google.com/intl/pt-BR/speed/page-speed/docs/caching.html#LeverageBrowserCaching
在此页面中,有这样的报价:
如果 Last-Modified 日期在过去足够远,浏览器很可能不会重新获取它。
我的观点是:当我访问并重新加载我的应用程序(总是清除浏览器最近的历史记录)时,我设置为 Last-Modified 标头的值无关紧要(我在 10 年前尝试过),我第一次访问时获得状态 200 , 和 304 用于铰孔。
有什么办法可以得到谷歌文档中描述的行为?我的意思是,浏览器不会尝试从我的站点获取静态资源?
optimization - 测试用户带宽并定制页面布局/功能以匹配
我很想知道是否有人在需要满足带宽差异很大的用户的网站上工作过?我想为不同的用户组定制一个网站
是否有任何技术可以用来测试带宽速度,然后设置一个 cookie 来记住(以停止页面运行测试每次),并根据结果定制包含的 css/javascript 和图像 url?