javascript - Android 上的网络应用滞后

Question

我正在开发一个带有 HTML5、css3 和 backbone.js 的网络应用程序，预计在 android 手机上会出现延迟问题，但我猜是 css 导致了所有延迟，该应用程序可以在没有任何 css 的情况下顺利运行。我的问题是:无论如何可以通过减少 css 或其他方式有效地减少 android 上的延迟？

Answer 1

是的!您可以丑化和缩小 CSS 并略微减小文件的大小。

但更重要的是，您在 HTML 文件中调用了多少个不同的 CSS 和 JS 文件？每个 CSS 都是一个单独的 HTTP 请求，肯定会减慢页面加载时间。通常，您将在桌面上加载所需的毫秒数乘以 10 以获得快速移动设备。查看 Chrome 中检查器的网络选项卡(Firefox 和 safari 中有类似的功能)，看看这些额外的 css 文件增加了多少负载。

如何减少数量？通过使用 SASS。 Sass 是 CSS 的预处理器框架，可以将所有 CSS 优雅地压缩到一个文件中。我推荐使用一个名为 Prepros 的应用程序来处理 SASS 渲染，更多信息可以在 Prepros 和 SASS 官方网站上找到。

您要加载多少张图片？使用像 Tiny Png 这样的服务可以在不损失任何可见质量的情况下减小图像的大小，移动设备的内存更少，并且被迫在前端进行压缩。

您还可以使用缩小的 backbone.js 文件，并缩小您自己拥有的任何 js。这可以使用 Prepros(以及付费的 mac 应用程序 Codekit)再次完成，或者您可以使用任意数量的在线服务。

基本上:您需要压缩正在使用的文件的大小，减少对文件的请求次数，最后继续努力优化您自己的 javascript 以使其尽可能快。下一步是开始简化您的应用程序并删除不需要的功能，并专注于使其有用和优雅的核心部分。