我的任务是使我们的 react redux web 应用程序中的页面加载速度更快。
当加载页面的操作触发时,我们会看到大约 0.5 秒的小冻结。
我打开了分析器,乍一看似乎没有什么问题。
火焰图
没有不必要的重新渲染,显示的唯一黄色警告大约是 10 毫秒。
当我转到分析器中的排名选项卡时,我得到了一个稍微不同的故事,我发现大部分时间都花在了 withStyles() 上。
排名图
我们通过 withStyles() 在 JS 中使用 CSS 的 material-ui 方法,看起来好像使用 WithStyles() 显着影响加载速度。
是这种情况吗?或者这仅仅是“我一次渲染太多东西”的情况
将 JS 中的 CSS 转换为仅 CSS 将是一项重大的努力,尽管我确实花了一个小时在 JS 中撕掉了 CSS 并发现性能提高了大约 40%,尽管我不知道这 40% 中有多少是由于 withStyles 与页面上样式元素的性能。
我的代码是一项进行外部休息/肥皂调用的服务。我希望能够在 Fiddler 等网络监控工具中看到这些调用。
我使用的技术是:
IDE - Intellij
Framework - Spring Boot
Build - Maven
Jdk - 1.8.0_151
大多数在线文章告诉我将配置中的虚拟机选项设置为
-Dhttp.proxyHost=127.0.0.1
-Dhttp.proxyPort=8888
-Dhttp.proxySet=true
Run Code Online (Sandbox Code Playgroud)
我也尝试过这种变化
-DproxySet=true
-DproxyHost=127.0.0.1
-DproxyPort=8888
Run Code Online (Sandbox Code Playgroud)
我已在配置的虚拟机选项中添加了上述内容,并且还在“
帮助”->“自定义虚拟机选项”下添加了虚拟机选项
我尝试在
文件 -> 外观和行为 -> 系统设置 -> HTTP 代理下修改 Intellij 代理设置
我尝试直接在代码中添加代理设置,例如:
System.setProperty("http.proxyHost", "127.0.0.1");
System.setProperty("https.proxyHost", "127.0.0.1");
System.setProperty("http.proxyPort", "8888");
System.setProperty("https.proxyPort", "8888");
Run Code Online (Sandbox Code Playgroud)
我已经在所有可以想象的地方尝试了上述方法。我已经按照https://blogs.msdn.microsoft.com/azureossds/2017/04/26/capture-java-vm-traffic-using-fiddler/
等指南设置了 https 流量的密钥库
我还尝试修改 Maven 设置并在那里添加代理
<proxies>
<proxy>
<active>true</active>
<protocol>http</protocol>
<host>127.0.0.1</host>
<port>8888</port>
</proxy>
</proxies>
Run Code Online (Sandbox Code Playgroud)
除了启用 https 解密之外,我没有触及任何 fiddler 设置。
我在 Java 环境中进行开发还很陌生,但感觉我正在做我应该做的事情来查看我的服务 http 调用,哪些地方可能会覆盖我添加的设置?