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这样的服务可以减少图像的大小而不会丢失任何可见的质量，移动设备的内存很少，并且不得不在前端进行压缩。

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

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