Web应用程序滞后于android

Question

我正在开发一个带有HTML5，css3和backbone.js的web应用程序以及Android手机上的预期延迟问题，但是我的猜测是css导致所有滞后，应用程序将顺利运行而没有任何CSS。我的问题是：无论如何，通过减少CSS或其他方式可以有效地减少Android的延迟吗？

Answer 1

是的！您可以uglify和缩小CSS并稍微减小文件的大小。

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

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

您要加载多少张图片？使用像Tiny Png这样的服务可以减小图像的大小而不会丢失任何可见质量，移动设备具有较少的RAM并且被迫在前端进行压缩。

您还可以使用缩小的backbone.js文件，并缩小您自己拥有的任何j。这可以通过Prepros（以及付费的mac app Codekit）再次完成，也可以使用任意数量的在线服务。

基本上：您需要压缩正在使用的文件的大小，减少文件请求的数量，并最终继续优化您自己的javascript以使其尽可能快。接下来的一步是开始简化您的应用程序并摆脱不需要的功能，并专注于使它变得有用和优雅的核心部分。