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，使其儘可能快。接下來的一步是開始簡化你的應用程序，擺脫不需要的功能，並專注於使它變得有用和優雅的核心部分。