问题标签 [web-performance]
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.
c# - Webtest - 使用日期作为上下文参数
我创建了一个 webtest 并有一个 CSV 数据源，其中包含一个包含短日期列表（MM/dd/yyyy）的列
我需要操作参数，因为我正在测试的部分网页有一个表单参数，需要将其格式化为yyyyMMdd
当从数据源捕获的日期（例如：02/12/2016）时，我注意到在我的测试运行的上下文选项卡中，格式为“2/12/2016 12:00:00 AM”
我创建了一个请求插件并添加了以下代码：
这会生成一个字符串未被识别为有效的日期时间错误。我尝试将格式更改为MM/dd/yyyy，但遇到了同样的错误。
有谁知道我应该如何使用正确的 DateTime 格式？
html - 了解渲染阻塞 CSS
我试图了解如何在特定设置中评估 CSS：
假设我的<head>标签中有以下内容：
现在，让我们假设reset.css并style.css包含一些规则，这些规则会立即影响上述折叠内容或 HTML 中的元素。但是，autocomplete.css只包含稍后被某些 JavaScript 使用的类。
现在，让我们进一步假设浏览器已经下载reset.css，style.css但autocomplete.css仍处于等待状态。我想知道如果浏览器在页面末尾遇到阻塞脚本标签会发生什么？显然，它可以将 HTML 渲染到 script 标签，但是缺少的脚本是否阻止了脚本的执行autocomplete.css？
请注意，脚本标签不是同步的。
我已阅读： https ://developers.google.com/web/fundamentals/performance/critical-rendering-path/analyzing-crp
在那里它说 JavaScript 的执行被阻止，直到 CSSOM 在那里。
autocomplete.css现在： 1. 页面还没到就开始渲染吗？并且， 2. script.jsjavascript 的执行是否被阻止直到autocomplete.css存在？
注意，我指的是两个不同的东西：渲染和脚本执行。
google-chrome-devtools - 如何在 Chrome Dev Tool 中使用 Network's Waterfall 来诊断 Web 渲染性能问题？
我们的一个网页存在渲染性能问题，当页面打开时，spinner 冻结或加载非常缓慢，并且在 6-12 秒后页面完成加载。所以我在 chrome 开发工具中使用网络的瀑布来诊断问题。但是我遇到了一些我不明白发生了什么的情况。
在下面的截图中，相应页面的所有资源都在很短的时间内加载完毕，但是微调器冻结了 6 秒或 9 秒，我不确定在资源加载后和页面完成之前发生了什么加载，也许微调器在错误的线程中或以某种方式被阻塞？我应该用什么方法来找出原因？
方案 1
方案 2
更新
网络截图
时间线截图
更新
检查事件日志后，我认为问题发生在 Angular 摘要周期，端点响应时间仍应为 780 毫秒。
performance - 准确衡量小型网站的性能改进
我刚刚使用 WebMarkupMin 缩小了主页的 HTML 并从 gzip 切换到 deflate（由于使用 WebMarkupMin's CompressContentAttribute）。这导致原来的 Content-Length 21594 缩小到 Content-Length:15539。现在我正在尝试衡量这是否会导致更快的加载时间。我尝试从 Chrome 开发工具中记下刷新加载时间，然后计算平均值，这在过去可以很好地进行更大的更改，但这次结果似乎太可变而无用。我什至尝试过像 Pingdom 这样的在线速度测试。这是一个很小的变化，但我想知道它是否值得（处理时间与网络时间）。我该怎么做呢？
performance-testing - 使用 Visual Studio Enterprise 2017 在云上进行 Web 性能和负载测试（基于 URL）
如何为网页提供用户名和密码，用于云上的 Web 性能和负载测试（基于 URL）？
大家好，
我正在使用 Visual Studio 企业版 2017 创建 Web 性能和负载测试。我的 Web 应用程序在登录屏幕上有用户名和密码字段。提供用户名和密码后；用户需要点击“登录”按钮。
请让我知道如何设计我的测试以包括登录功能。
我正在参考https://www.visualstudio.com/en-us/docs/test/performance-testing/getting-started/get-started-simple-cloud-load-test这个 URL 以供参考和设计我的基本测试. 现在我想为我的应用程序创建 Web 性能和负载测试。但是，登录功能没有说明。
谢谢。
wordpress - Wordpress Yoast - 移动结构化数据标签
Yoast 插件在页面部分顶部附近添加了结构化数据脚本标签<head>。我注意到这被 Google Page Speed 分析器标记了，因为它在其他样式表标签之上并被阻止。
因此，我想将标签移动到标题的底部。
首先，我发现有一种方法可以完全删除标签：How to remove action from yoast plugin
现在我可以将标签硬编码到header.php其中，但重新添加插件动态生成的标签会更好。
那可能吗？
google-chrome - 浏览器在域查找之前做什么？
我一直在使用导航计时 api来收集有关我的网站性能的实际用户数据。基本上，每次用户访问该站点时，我都会将此数据发送回服务器并将其存储在数据库中。
现在我分析了这些数据，我发现domainLookupStart即使没有发生重定向，它也异常高。平均而言，超过 3 个月的数据，它高达 ~400 毫秒。这弥补了我“第一个字节的时间”的大部分内容。
我想知道是否有人对浏览器触发 domainLookupStart 导航计时事件之前发生的工作有更好的理解。我能做些什么来缩短这个时间吗？
web - Web 性能：远距离开始渲染时间
为什么到目前为止我有开始渲染时间？
为什么浏览器在下载 css 和 JS 后等待渲染？
我的结果： https ://www.webpagetest.org/result/170518_GZ_13B6/ 或 https://www.webpagetest.org/result/170518_4Q_13B9/
感谢您的建议！:-)