问题标签 [webpage-rendering]

请推荐用于网页 ui 性能测试的最佳且具有成本效益的工具，以测试安全 Web 应用程序的最终用户响应时间（服务器响应时间 + 浏览器渲染时间）（需要登录凭据才能浏览应用程序页面）。工具“ http://www.webpagetest.org ”和“ https://www.googleapis.com/pagespeedonline/v4/runPagespeed ”似乎适用于不安全的网页（例如无需登录即可导航的零售网站页面到网站）。

我的 Angular 应用程序在移动设备上运行速度非常慢，所以我进行了测试，发现 javascript 执行时间（在加载 bundle.js 之后）是主要瓶颈。桌面与移动设备之间存在巨大差异。

什么可能导致问题以及可能的解决方案是什么？

测试桌面

手机测试(Moto G)

您可以看到 JS 执行时间由紫色条表示。

makemytrip 等网站从不同的航空公司 API 提供商（如 jetairways、indigo 等）获取航班预订详细信息。

当我们访问那里的主页时，我们会看到各个航空公司的航班预订详细信息。

由于无法缓存此信息。假设可以有 10k - 20k 的航空公司 api 提供者在主页/搜索页面上显示数据，他们将如何对所有这些 api 提供者进行休息调用。

1) 每当我们访问主页/搜索页面时，他们会并发调用所有这些 api 提供程序以获取数据吗？

但是考虑到池中的线程数量，这将需要时间来获取数据并将它们映射到响应对象中，这将导致页面加载时间延迟。

2）如果我们考虑将这些数据存储在弹性搜索等搜索引擎中，这甚至无济于事，因为数据不是最新的。

即使我们考虑有一个“调度程序工作”，它会每隔 5 分钟对 API 提供者进行一次休息调用，以获取最新数据并存储在 Elastic 搜索中。这将在 5 分钟的跨度时间内显示陈旧的数据。

ReactJS 入门。关于渲染问题的问题。我有一个控制组件：

还有另一个组件，ImageComponent：

这不会向页面呈现任何内容。当我 console.log this.props.source 我看到：“static/media/myImage.png”。似乎是合法的。

但是，如果我向控件组件本身添加一个标签，我会看到图像就好了。

我在这里想念什么？

我正在尝试从链接下载图像。既然是动态渲染图片，怎么下载图片呢？

现在我试图获取图像 url，但这是渲染图像，我能够获取第一个链接。

这是代码：

输出

我只得到第一个图片链接：

还有有没有办法自动找到src和img标签来下载图片，而不是根据不同的网站搜索xpath？

我正在尝试生成一个pdf网页文件，并希望保存到本地磁盘以便稍后发送电子邮件。

我曾尝试过这种方法，但这里的问题是，它不适用于这样的页面。我能够生成pdf但它与网页内容不匹配。

很明显，它pdf是在之前生成的，document ready或者可能是其他东西。我无法弄清楚确切的问题。我只是在寻找一种可以将网页输出保存为pdf.

我希望pdf网页的生成更适合node呢php？如果有任何解决方案php可用，那么这将是一个很大的帮助，甚至节点实现也很好。

我必须在使用嵌入 [ Ruby-capybara-selenium-cucumber ]创建的自动化框架中计算每次导航的网页渲染时间。一些网页是 Ajax 开发的。

但按照逻辑，它并没有给出完整的页面渲染时间，而是在页面渲染/DOM
完成 之前立即将时间作为输出给出。

我基本上想得到最终呈现的网页标题来执行访问统计。我们这里提到的网页标题是页面头部的<title>的值。

有没有办法，一种优雅的方式来实现这一目标？

谢谢你的帮助。

当我错过 URL 的拼写或单击网页上的死（子）链接时，我经常会看到默认/规范化/标准页面告诉我我想访问的站点可能不存在。

我可以在不使用 JavaScript 的情况下将其包含在我的网站中吗？有没有办法简单地将其包含在现有的一组文件和文件夹中？

以下是我的 package.json：

我试图将其实现为：

图标不见了。

请帮忙。