2013-02-12 18 views
1

我目前正在測試工作燈,並且發現Android設備上的性能與iOs相比有巨大的損失。 (在asus nexus 7和iphone 4上測試)工作燈在Android上的性能很差

第一點是:在簡單的jquery移動頁面轉換過程中,一個簡單的html頁面抽搐。 沒有服務器調用。

我刪除了jQuery手機轉換,因爲它使用了大量的javascript而不是css3轉換功能,但它仍然繼續從一個頁面向另一個頁面傾斜。 我的意思是2頁之間有1/10秒的「空白屏幕」,下一頁的渲染滯後。

爲了分析這個問題,我刪除了worklight圖層,並在apache web服務器上託管了我的簡單html/jquery移動頁面,並從我的設備的chrome瀏覽器中調用它。 即使在轉換過程中,它的運行也非常流暢。

之後,我分析了手機瀏覽器模擬器中的工作燈生成代碼,看起來有很多wlclient JavaScript文件,這不是從我的角度實現網頁的好方法,什麼是更多的是移動設備。

有沒有辦法在一個文件中編譯所有這些文件,以避免多個http請求到服務器?

如果我們只需要一小部分,有沒有辦法避免加載所有的客戶端API?我的意思是,如果我不需要encryptedcache,爲什麼加載相關的js?

有沒有一種方法可以強制瀏覽器引擎在應用程序中使用(chrome,opera,android native ...)以測試每個應用程序的性能?

工作燈5.0.5.20121217-0622 的Android 21.0.0.v201210310015-519525 的Win 7 64位 的Eclipse 3.7.2

非常感謝你的幫助。

+1

幾點。這些文件都在設備上,所以不需要從服務器獲取各種.js文件。此外,Chrome和Webview之間的比較不是蘋果與蘋果的比較。 – rooftop 2013-02-12 15:20:20

回答

3

刪除jQuery Mobile的過渡,因爲它使用了大量的JavaScript 而不是CSS3過渡能力,但它仍然繼續 傾斜從一個網頁到另一個。

您可以選擇不使用jQuery Mobile並自行實現動畫或使用其他UI框架。您也可以嘗試使用jQuery Mobile的creating custom CSS-based transitions

我刪除了工作燈層和承載我的簡單的HTML/jQuery Mobile的 頁的Apache Web服務器上,並從我的設備的Chrome稱之爲 瀏覽器

工作燈的文件沒有被託管的任何服務器上,它們是您在設備上安裝的.apk的一部分。 Web視圖中的性能與其他瀏覽器(例如Google Chrome)的性能不同。您可以嘗試通過查看什麼other people are doing來改善它。

有沒有辦法在一個文件中編譯所有這些文件,以避免多個 http請求到服務器?

無法將其作爲「構建所有和部署」步驟的一部分。您可以編輯爲每個環境生成的本機文件夾的內容,並手動將內容放入單個文件中。但是,我不會推薦這種方法,因爲在「構建所有和部署」時,這些更改將被覆蓋。如果您想使用Ant來縮小資源,請閱讀this,但我懷疑它會顯着提高性能。

有沒有辦法避免加載所有的客戶端API,如果我們只需要一個 小部分?我的意思是,如果我不需要encryptedcache,爲什麼加載 相關的js?

不,您可以手動完成,如果您閱讀我對上述問題的回覆。

有沒有一種方法,以測試每個 一個的PERF強制瀏覽器引擎在應用程序中使用 (鉻,歌劇,Android原生...)?

不,您的Worklight使用Apache Cordova並使用Android API提供的Web視圖。

+0

非常感謝您的快速回復。我會檢查 – wantoli 2013-02-12 15:40:18

+0

爲了未來的訪客,你應該接受答案。 – rooftop 2013-02-12 16:25:57