标签: page-load-time

我们有一个非常大的网页,里面有一堆javascript.在Firefox/Chrome中加载时,页面会逐渐加载.首先,渲染并显示已经收到的html,然后执行javascript.

然而,Internet Explorer 8会一直等到请求被完全接收并且在它显示之前执行其javascript.这给人的印象是应用程序在短时间内没有响应.

我们有一台笔记本电脑,其中IE8加载了像Firefox/Chrome这样的页面,我们一直在IE8上搜索一个设置,表明它不必等到所有的javascript被执行后再显示页面或部分页面.

有没有人知道如果有这样的设置,哪里可以找到它？我们检查过未安装适用于Internet Explorer的Chrome框架.

更新: 有关更多说明,正如@Thariama在评论中指出的那样我也认为IE8总是等待呈现整个页面,但看到这台笔记本电脑呈现它我很确定它加载了'Firefox-way'.笔记本电脑的RAM和CPU功率相当于台式电脑的一半,它的外观和速度更快(因为渲染).

我一直认为，当被迫在网站中使用图像时，最好使用尽可能小的图像。但是，如果这意味着使用多个小图像来获得与一张大图像相同的结果，我不确定这是否也不好，因为发出了更多的 HTTP 请求。

在这种情况下最好的方法是什么？

• 很少的大图像 = 要下载更大的文件
• 许多小图像 = 要下载的小文件但许多 HTTP 请求

当我说“很多”时，我的意思是 4 或 5 个，而不是一个大图像。

谢谢！

更新

只是为了让您知道我正在谈论的文件大小的差异。在我今天遇到的一个案例中：

• 使用一张大图像 = 1 个请求 @ 11.3KB
• 使用 5 个小图像 = 5 个请求 @ 1.2KB（总计）

我正在尝试自动化页面加载时间测试.我想象每隔几个小时就会运行一个cron作业,从我的网站加载各种页面,检索相关的har文件,并处理数据.我无法弄清楚的部分是如何以编程方式生成har文件...我现在知道的唯一方法是手动通过chrome开发人员工具.有谁知道这是否可以做到,如果可以的话怎么办？

可能重复:
打开/关闭标签和性能？

这是一个新手问题,但我在网上找不到明确的答案,所以请不要笑:)

1. 打开和关闭php标签(<? php code ?>)多次会增加页面加载时间吗？

2. 如何多次使用include templatepath？

谢谢

问题:

是否可以告诉由selenium webdriver控制的浏览器不从外部源加载任何内容,或者不从给定的域列表中加载资源？

底色:

我有一个网页,我用selenium webdriver编写一个基于java的测试脚本 - 我无法更改页面,我只需编写测试.网站从其他域加载的某些外部内容存在问题.外部的东西是我的测试实际上不需要的一些javascript代码,但是有问题的页面包括.现在问题.有时外部源是超级慢的,阻止webdriver在给定的页面加载超时(20秒)内加载页面.我的测试实际上运行正常,因为页面实际上是加载的 - 所有html都在那里,所有内部脚本都被加载并且可以工作.

随便想一想:

有不同浏览器的扩展可以做我要求的,但我需要运行我的测试与几个浏览器,即chrome,firefox和phantomjs.而且没有像phantomjs扩展这样的东西.如果可能的话,我需要一个纯粹基于webdriver技术的解决方案.不过,我愿意为每个浏览器编写一个单独的解决方案.

我很感激有关如何解决这个问题的任何想法.

我很好奇使用CSS图像精灵为我的社交媒体图标与使用自定义UI字体的利弊.

哪一个在页面加载速度方面会提供卓越的性能？

在我看来,CSS精灵可能更好 - 因为只有一个HTTP请求,文件大小可能保持小于社交图标的自定义UI字体.

有人对此有所了解吗？

跟踪Angular应用程序性能的最佳和推荐方法是什么？我可以使用许多其他可用的技术/ api,如performance.now来跟踪和谷歌分析/应用程序洞察力,以发送自定义性能计数器.

但我的问题是,为此目的,我们在Angular中内置了一些内容,还是推荐了第三方模块/库来帮助跟踪角度应用程序的性能？

我正在尝试解决自定义 html 构建报告的错误接受问题，这些报告需要很长时间才能在 googlechrome 上加载，而在 Firefox 上加载时间要好得多。

• 谈论〜5秒。vs ~110 秒。（使用 firefox 和 googlechrome profiler 测量）
• 该文件大小约为 10MB

imo 没有什么关于 html 文件的“特别”。

报告通常使用锚后缀加载，因此浏览器在加载时应跳转到文件的最后（=“摘要部分”）。

我在 github repo => browser bongo test上放了几个示例文件

我在我开发的一个站点中使用实验室j进行了一些测试,并在页面加载时减少了200ms.后端处理后现在花费的总时间约为1.5秒.

如果值得这么麻烦,我就在徘徊.200ms是一个巨大的收益？一个荒谬的？我知道页面加载时间会影响页面排名,但200ms会产生如此大的差异吗？

我正在使用 JavaScript Performance API，并且试图找出正确的指标组合，以便在请求和加载任何单个页面时在控制台上记录页面加载时间。

TLDR： 我想使用 JavaScript 的性能 API来获取接近Firefox 开发人员工具（或任何浏览器开发人员工具）的“网络”选项卡load上报告的数字的数字。

window.addEventListener('load', () => {
  
  let domainLookupEnd = performance.getEntriesByType('navigation')[0].domainLookupEnd;
  let connectEnd = performance.getEntriesByType('navigation')[0].connectEnd;
  let responseEnd = performance.getEntriesByType('navigation')[0].responseEnd;
  let loadEventStart = performance.getEntriesByType('navigation')[0].loadEventStart;
 
  console.log(`
domainLookupEnd: ${domainLookupEnd}
connectEnd: ${connectEnd}
responseEnd: ${responseEnd}
loadEventStart: ${loadEventStart}

Page loaded in: (${responseEnd} - ${domainLookupEnd})
Page built in: (${loadEventStart} - ${responseEnd})
Page …