问题标签 [page-load-time]
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.
base64 - 与图像相比,大量的 dataURI
我正在尝试比较(为了性能)使用任何一个dataURI与大量图像。我所做的是设置两个测试:
两个页面完全相同,除了“如何”提供这些图像/资源。我已经针对每个(上面提到的 - WPT)运行了一个 WebPageTest,它看起来 base64 的平均加载时间要快得多——但常规视图的缓存视图更快。我已经实现了 HTML5 Boilerplate 的.htaccess以确保资源被正确地压缩,但是正如你所看到的,我得到了base64 的F用于不缓存静态资源(我不确定这是否正确)。我最终要在这里弄清楚的是哪种方法更好(假设为了争论,一个页面上有那么多资源)。我知道的一些事情:
- base64的
GET
请求很大 - base64 有 1 个资源,而常规资源有 300 个(这是更大的问题……
GET
请求或资源数量)?关于常规的要记住的是,由于限制,只有这么多资源可以并行加载——对于 base64——你真的只是等到可以读取 HTML——所以在技术上没有什么比加载页面本身。
非常感谢任何帮助 - 谢谢!
html - 更快的加载时间:背景图像或浏览器属性?
我的网站背景很乱,为了更容易阅读,我使用了这个背景属性:
考虑到网站加载时间的目标,使用不透明的背景图像会更好吗?
你可以在这里看到这个问题:http: //tinyurl.com/7ywoqpf
注意我已经在努力减少背景 PNG 大小,这个问题仅与段落背景有关
我应该保留当前设置还是使用背景图片?
google-chrome - 有没有办法自动生成har文件?
我正在尝试自动化页面加载时间测试。我想象每隔几个小时运行一次 cron 作业,它将从我的网站加载各种页面,检索相关的 har 文件并处理数据。我不知道的部分是如何以编程方式生成 har 文件......我现在知道的唯一方法是通过 chrome 开发人员工具手动进行。有谁知道这是否可以做到,如果可以,怎么做?
jquery - 网站加载计时器工具演示有效性
我正在构建一个通过提供 ajax 前端和 cdn 后端来加速站点搜索的工具。
我想在演示中直观地演示使用我的 ajax 前端和普通 html 重新加载模型之间的区别。我需要一个工具,例如浏览器扩展或其他工具,可以显示从站点上的一个页面到另一个页面的转换。有很多工具可以显示页面加载时间。那不是我所追求的。我想展示从一个 ajax 状态到另一个 ajax 状态的转换。
有人有什么建议吗?
spring - 在 Spring MVC 中,如何找出页面加载时间?
我试图在页面上显示类似于谷歌搜索时间的服务器响应时间,比如“页面加载大约 1.3 秒”左右。
实现这一目标的最佳方法是什么?我目前有一个 MVC 框架设置,我最初的方法是将初始时间存储在控制器中,并将其作为模型传递到视图中,由视图来计算经过的时间。
不知何故,我觉得必须有一种更好的方法,对于所有请求,上下文可能已经记录了请求开始时间或经过时间的信息。
有人可以验证我最初的想法是否正确吗?还是存在已经实施的解决方案?
谢谢,
杰森
performance - 诊断两个 Web 服务器之间的慢速页面“等待时间”
我们刚刚安装/配置了一个新的 Web 服务器来替换我们过时的服务器。让我们称旧服务器“server1”+新服务器“server2”。它们都运行相同的网站,使用相同的代码,但旧服务器提供网页的速度仍然比新服务器快得多。首先,这是有关服务器规格的更多详细信息:
服务器 1 配置:
Linux server1 2.6.32-25-generic-pae #45-Ubuntu SMP Sat Oct 16 21:01:33 UTC 2010 i686 GNU/Linux
内存总量:6180036 kB
8 核 Intel(R) Xeon(R) CPU E5620 @ 2.40GHz
服务器版本:Apache/2.2.14 (Ubuntu)
服务器 2 配置:
Linux server2 3.2.0-23-generic #36-Ubuntu SMP Tue Apr 10 20:39:51 UTC 2012 x86_64 x86_64 x86_64 GNU/Linux
内存总量:24682544 kB
16 核 Intel(R) Xeon(R) CPU E5620 @ 2.40GHz
服务器版本:Apache/2.2.22 (Ubuntu)
主要区别在于 server2 具有 64 位操作系统架构,并且还具有更多的 RAM 和 CPU 能力。
我不了解你,但我希望 server2 能够击败 server1。但是,在提供网页时情况并非如此。
两个服务器页面加载的开发人员工具输出:
等待时间:314ms
等待时间:5.45s
如您所见,两台机器发出完全相同的文件请求,但 server1 仍然占主导地位。
我已经尝试调查可能影响“等待时间”的几个因素,但我很难缩小花费时间的范围。我查看了 Apache2 配置,两台机器上都应用了完全相同的指令和模块扩展... 区分代码并验证它是相同的...网络/ping/nslookup 时间几乎相同。
谁能解释一下“等待时间”是如何计算的,以及可以用来缩小问题范围的任何做法?
非常感谢, ns
image - 为什么这些图像在 Opera 中加载如此缓慢?
在 FireFox 和 IE 中,此页面上的图像几乎会立即加载(尤其是当它们被浏览器缓存时)。
但是在 Opera 中,它们的加载速度非常慢。甚至不得不选择其中一个来“重新加载”以使其出现。谁能明白为什么会这样?是网页有问题还是图片的提供方式有问题,还是 Opera 设置有问题?一直在寻找图像缓存设置,但还没有真正发现任何看起来异常的东西......
performance - 将代码(css、js)嵌入到知名网站的文档中
将您的 CSS 和 JS 嵌入到您的网页中,而不是将代码保存在单独的文件中,是否有某种优势(速度或性能方面)?我从小就相信将代码分开存放在不同的文件中会使事情更容易维护。然而,在亚马逊、谷歌甚至 facebook 等知名网站上,我看到了很多嵌入代码。他们选择这样做是否有性能原因,或者这只是一种旧/新的做事方式。我想我的问题与此类似:我应该在移动网站中内联 CSS 和 JS 以节省带宽吗?
但我想听听专家意见,尤其是那些在知名网站上工作过的人,如果有的话。
附言
额外问题:亚马逊网页上的最后一个 html 评论是<!-- MEOW -->
什么意思,还是只是一个有趣的恶作剧?
apache - 页面重定向延迟
我有一个基于 Java Spring 框架和 mysql 数据库的 Web 应用程序。它托管在带有 Ubuntu Lucid 10.04 的 Linode 上。我使用 apache mod_rewrite 进行重定向。每次页面重定向完成时,在加载下一页之前都会有一个延迟。一旦其他页面开始呈现,该页面就会快速加载。延迟是在单击 ahref 链接之后,直到加载下一页。在此延迟期间,浏览器的左下方显示“等待 doondoo”。这个问题一般存在于整个 Web 应用程序中。我想知道是什么导致了这种延迟?是页面上的查询还是需要加载的html组件或重定向规则还是其他?任何建议都将有助于找到问题的根本原因。要检查问题,您可以访问www.doondoo.com并单击页面上的任何链接。提前致谢。
我现在添加了一个显示等待时间为 5.4 秒的快照。使用对象级缓存会解决问题吗?
c# - 防止 ASP.NET 写入 cookie 并通过 CDN 将其附加到静态内容
有什么方法可以阻止 ASP.NET 在浏览器客户端中写入 cookie。当我查看 chrome 中的开发人员工具时,我看到:
这意味着为我的 Default.aspx 页面设置了 cookie。我不想将 cookie 写入客户端的原因是我使用的域 'domain.com 没有 www。如果 cookie 被写入,它将被附加到来自 CDN.domain.com 的每个静态项目服务器,包括图像、JS 代码等。
我正在考虑使用 www 来防止将 cookie 附加到 cdn.mydomain,但我想知道什么是更好的解决方案,以及将我的网站设置为不提供 cookie 是否会使其工作。