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

我有一个完全建立在HTML5Canvas和Javascript上的交互式网站，使用Kineticjs框架和Foundation使其具有响应性。我还添加了预加载，以加载所有用于动画的图像。所以，当网站开始加载时，在显示主页之前，它会加载大约500-600张图片。现在的问题是，当我在笔记本电脑和台式机上运行网站时，它运行得很好，没有什么问题，但当我在任何手机和平板电脑上运行网站时，它开始反应非常慢，看起来好像卡住了。当我在谷歌chromes移动模拟器上运行它时，它甚至运行得很平稳，但在移动设备上运行速度非常慢

---

预加载程序是让我的网站变慢还是Kineticjs

这里的答案很简单。电脑比手机快得多，内存也大得多。你的网站显然过于资源密集，无法在手机上运行

---

在没有看到任何代码的情况下，很难指出具体的问题，但是加载5-600个图像听起来相当沉重。您需要找到方法来限制同时需要加载的资源。并设法限制在手机上向用户显示的图像数量。

加载500-600个图像只是一个设计错误。
尤其是因为用户无法立即查看它们。
碰巧桌面/网络速度如此之快，它仍然可以在这里工作。
但智能手机的速度至少要慢20倍，而移动网络。。。更糟糕的是，它不能在这里工作。此外，您的移动用户可能也不喜欢他们的付费带宽被浪费

如果你需要为你的用户提供一个快速预览，你应该建立一些“地图”图像，其中包含所有图像的渐晕图。

---

我不知道您的开发环境，但是您的工具有这样的功能，或者您可以在web上找到，或者无论如何，您可以在phyton或类似软件中快速构建自己的“Vignetter”。我认为必须有一个明确的命名约定（对于文件名+文件夹），因为600-800的数量越来越多。

很可能是由于处理和网络速度的不同，你应该建立一个不同的网站，更优化，移动设备的最小尺寸，这就是它现在的工作方式。你应该以90年代的思想来设计你的新移动网站，即最小化。该网站在通过良好的WiFi连接连接的移动设备上运行缓慢吗？如果是这样，这可能不是网络问题，而是处理问题。使用Chrome控制台探查器跟踪Javascript执行时，您是否看到任何奇怪的情况？即使在笔记本电脑上，如果Javascript代码的某些部分需要大量处理，您也应该注意到这一点。