reactjs – 在Safari上导致此警告的原因是什么？ “这个网页正在使用大量的能源.关闭它可能会提高Mac的响应能力“

概述我们有一个React网站,运行着许多高质量的图像,这些图像一直在经历这个警告.如何在Safari上开始调试此警告消息？是否有特定的事情导致这种情况？ 此消息是由监视页面上运行的Javascript脚本的Safari监视程序进程引起的.当脚本使用太多资源时,它会通知用户.在我的计算机上加载您的页面会将CPU利用率提高到68％.厌倦了循环和自定义渲染代码. 改进注意事项： >使渲染代码尽可能高效. > 我们有一个React网站,运行着许多高质量的图像,这些图像一直在经历这个警告.如何在Safari上开始调试此警告消息？是否有特定的事情导致这种情况？

解决方法 此消息是由监视页面上运行的JavaScript脚本的Safari监视程序进程引起的.当脚本使用太多资源时,它会通知用户.在我的计算机上加载您的页面会将cpu利用率提高到68％.厌倦了循环和自定义渲染代码.

改进注意事项：

>使渲染代码尽可能高效.
>将您的内部JavaScript文件合并为一个文件,而不是7个文件.重大改进.
>如果可能(由于许可和更新考虑因素),请将9个外部脚本包含在上述单个文件中.小改进.
>将主页拆分为不同的部分,可以是单独的页面,也可以使用AJAX动态加载.重大改进.
>避免使用svg文件. SVG文件需要大量的计算能力才能进行栅格化和显示.这是7秒加载时间的主要原因.如果需要更多详细信息(通过单击或延迟鼠标悬停),则以最大预期显示分辨率将文件转换为png并提供扩展SVG文件.重大改进.

图像数量不是问题.它是SVG图像(加载时)的数量和导致问题的脚本.

总结

以上是内存溢出为你收集整理的reactjs – 在Safari上导致此警告的原因是什么？ “这个网页正在使用大量的能源.关闭它可能会提高Mac的响应能力“全部内容，希望文章能够帮你解决reactjs – 在Safari上导致此警告的原因是什么？ “这个网页正在使用大量的能源.关闭它可能会提高Mac的响应能力“所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。