我正在开发一个带有 HTML5、css3 和backbone.js 的网络应用程序，并在 android 手机上出现预期的滞后问题，但我的猜测是 css 会导致所有滞后，应用程序可以在没有任何 css 的情况下顺利运行。我的问题是：无论如何可以通过减少css或其他方式有效地减少android的滞后？
问问题
295 次
1 回答
1
是的！您可以丑化和缩小 CSS 并稍微减小文件的大小。
但更重要的是，您在 HTML 文件中调用了多少不同的 CSS 和 JS 文件？每个 CSS 都是一个单独的 HTTP 请求，肯定会减慢页面加载时间。通常，您将在桌面上加载所需的毫秒数乘以 10 以获得快速移动设备。查看 Chrome 中 Inspector 的网络选项卡（Firefox 和 safari 中有类似的功能），看看这些额外的 css 文件的附加负载是什么。
你如何减少数量？通过使用 SASS。Sass 是一个 CSS 预处理器框架，可以优雅地将所有 CSS 压缩到一个文件中。我推荐使用一个叫做 Prepros 的应用程序来处理 SASS 渲染，更多信息可以在 Prepros 和 SASS 官方网站上找到。
您正在加载多少张图片？使用像 Tiny Png 这样的服务可以在不损失任何可见质量的情况下减小图像的大小，移动设备的内存更少，并且被迫在前端进行压缩。
您还可以使用缩小的主干.js 文件，并缩小您自己拥有的任何 js。这可以通过 Prepros（和付费的 mac 应用 Codekit）再次完成，或者您可以使用任意数量的在线服务。
基本上：您需要压缩您正在使用的文件的大小，减少对文件的请求数量，最后继续努力优化您自己的 javascript 以使其尽可能快。之后的下一步是开始简化您的应用程序并摆脱不需要的功能，并专注于使其有用和优雅的核心部分。
于 2013-08-05T14:29:51.797 回答