html - 为什么移动设备上的 Safari 需要很长时间才能从内存中加载图像?

标签 html css reactjs

在 Safari (iOS 13.5.1) 上出现奇怪的性能问题。

从内存中加载图像需要超过 300 毫秒,导致动画挂起(并且在动画期间不显示图像)。

在桌面(macOS Catalina 10.15.7)上使用 Safari 时,加载时间为 3 毫秒。

什么会导致这个问题?

Safari

Console

编辑:这里是额外的截图。

Requests

Animation requests

Animation requests headers

最佳答案

想通了!

显然,Safari 在桌面和移动设备上处理缓存的方式不同。

我的服务器使用无缓存策略(Cache-Control: public, max-age=0)提供图像。

将策略更改为 Cache-Control: public, max-age=31536000 解决了这个问题。

关于html - 为什么移动设备上的 Safari 需要很长时间才能从内存中加载图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66161253/

相关文章:

css - 在 iphone 和 ipad 的 Safari 中,最后 2 个点的虚线边框相互混合,有什么解决办法吗?

javascript - 选择文本并突出显示所选或获取所选值( react )

javascript - 调整动态创建的图像大小的CSS代码

jquery - 更新其中的html时,光标跳转到代码标签的开头

html - TABLE 中不需要的行空间

CSS 计数器输出不匹配

javascript - 如何使用 React 显示图像上传预览?

javascript - 将javascript类方法定义为常量

html - 根据 CSS 类在另一个图像之上添加图像

c# - FontAwesome 未加载到 WebView 中