javascript - 为什么我的网站从手机打开时速度很慢，但从桌面打开时运行良好？

Question

我有一个完全基于 HTML5 Canvas 和 Javascript 构建的交互式网站，使用 Kineticjs 框架和 基础使其具有响应能力。我还添加了预加载器来加载用于动画的所有图像。因此，当网站首次加载时，它会在显示主页之前加载大约 500-600 张图像。现在的问题是，当我在笔记本电脑和台式机上运行该网站时，它工作得很好，没有任何问题，但当我从任何手机和平板电脑上运行它时，它开始响应非常非常慢，看起来像是卡住了。即使当我从 google chrome 移动模拟器运行它时它也运行顺利，但在移动设备上运行速度非常慢。

预加载器使我的网站变慢还是 Kineticjs？

Answer 1

加载 500-600 张图像只是一个设计错误。
特别是因为用户根本无法立即查看它们。
碰巧桌面/网络太快了，在这里仍然可以工作。
但智能手机的速度至少慢 20 倍，而移动网络……甚至更糟，所以它不能在这里工作。此外，您的移动用户可能也不希望他们的付费带宽被浪费。

如果您需要为用户提供快速预览，您应该构建一些包含所有图像的小插图的“ map ”图像。我不知道你的开发环境，但你的工具有这样的功能，或者你可能会在网上找到一个，或者无论如何你可以在 phyton 等中快速构建你自己的“vigneter”。我认为明确的命名约定(文件名+文件夹)是必须的，因为 600-800 正在成为一个很大的数字。