Sencha Touch, Android'de pratikte nasıl bir performans sergiliyor? [kapalı]

Sencha Touch kullanarak bir projeye başlamak üzereyim ve HTC desire cihazımda küçük bir test yaptım. Vimeo'daki tüm öğretici videolar, Mac'te çalışan bir iPhone emülatörü kullanıyor gibi görünüyor. Bu emülatörün gerçek bir iPhone cihazıyla veya hatta gerçek bir Android cihazla ne kadar hızlı karşılaştırıldığından emin değilim, ancak yaşadığım kadarıyla, HTC isteğimin bu emülatör olarak güzel bir performans göstermediği anlaşılıyor.

Tüm animasyonlar (kayma, solma vb.) Abit laggy gibi görünüyor. FPS'nin Vimeo videolarından çok daha az olduğunu kolayca fark edebilirsiniz.

HTC Desire, iyi bir donanımla çalışan görece yeni ve modern bir Android 2.2 telefon, bu yüzden Sencha Touch'ın Android platformu için "hazır" olup olmadığını merak ediyorum.

Android ve Sencha Touch ile pratik tecrübesi olan var mı?

Phonegap kullanarak Android için birkaç Sencha Touch Apps üzerinde çalışıyorum ve sonuçlar dissapointing. İOS cihazlardaki kullanıcı arayüzü deneyimi Android'den çok daha üstündür.

İOS cihazlarda her şey pürüzsüz (atlıkarıncalar, kaydırıcılar her şey), ancak Android'de hepsi biraz tembel ve tepkisiz.

Güncelleme Biraz daha araştırma yaptım ve iOS cihazların CSS geçişlerini yapmak için GPU donanım hızlandırmasını kullandıkları anlaşılıyor. Android cihazlarda bu işlem, zaten yaptığı her şeye ek olarak CPU tarafından yapılır, böylece kullanıcı arayüzüne laggy bir görünüm ve his veririz. İç çek ..... Sanırım donanım çok değiştiğinde donanım hızlandırma uygulamak çok daha zor.

İlginç bir şekilde, yerel Android uygulamalarının bile (yerleşik menü ekranlarında bile) donanım hızlandırması kullanmadığını okudum. Yalnızca OpenGL kullanan uygulamalar aslında GPU'yu kullanır.

Gönderen sencha.com :

Sencha Touch, iPhone ve Android'de yerel görünen ve hissedilen mobil web uygulamaları geliştirmenizi sağlayan ilk HTML5 mobil JavaScript çerçevesi

Bence çok yavaş olmasının sebebi uygulamanın HTML5 / javascript kullanılarak yazılmış olmasıdır. Hangi, ilk düşündüğünüzde oldukça harika, çünkü platformlar arasında hareket etmeyi kolaylaştırıyor. Dezavantajı onlar yerel uygulamalar gibi "bakmak ve hissetmek", ama aslında değil. Böylece, cihazınızda hızlı bir şekilde yürütülen yerel kod yerine, tüm kodun sadece işaretleme / js olduğu bir tarayıcı için bir sarmalayıcıya sahip olursunuz. Cnn uygulamasını kullanmayı düşünün vs iphone web tarayıcısında cnn.com'a gitmek, aslında aynı tür bir fark. Hızlı bir mac ve bir emülatör, bir cihazdan çok daha fazla zorlayabileceğinden, muhtemelen göreceğiniz şey budur (emülatör, yerel cihaz kadar yavaş olacak şekilde kısılmadığı sürece ... biri çift olabilir) beni kontrol et).

Gerçek bir uygulama için telefon aralığını kullanarak Android emülatöründe ve telefonda Sencha, JQuery mobile ve dojox.mobile ufacık bir karşılaştırma yaptım. Sonuç olarak, dojo, güçlü donanımda bile tamamen işe yaramayacak kadar halsiz olan hem Sencha hem de JQuery'den daha iyi performans gösteriyor.

Şimdilik kişisel olarak dojo ya da yerli olacağım.

Çeşitli çerçevelerden 'vitrinlerden' birini alarak ve bunları kendi cihazınıza chrome2phone alarak kendiniz denemek kolaydır.

Bunun daha eski bir soru olduğunu biliyorum, ancak Android'de Sencha Touch 2.0'ı çalıştırırken de performans sorunları yaşadığımızı doğrulayabilirim. Çok basit kart düzenleri ve özel görüntüler veya css içermeyen oldukça basit bir prototip oluşturduk ve test ettiğimiz her Android cihazda hala büyük bir gecikme olduğunu fark ettik. İlk başta, bazı Sencha en iyi uygulamalarını ihlal ettiğimizi düşündük, ancak kodu inceledikten ve sorunlara neden olabileceğini düşündüğümüz her alanı revize ettikten sonra, umduğumuz şeyin yakınında hiçbir yerde yanıt ve pürüzsüzlüğü alamadık.

Bir yan notta, genel olarak, bir mobil uygulama geliştirmek için herhangi bir yerel olmayan yöntemin (esp JS / HTML / CSS tabanlı) her zaman performansla ilgili en az bazı küçük sorunlara sahip olacağı görülmektedir. Performansı doğal olana (teknik olarak doğal olduğu için) çok daha yakın olan tek bir kod tabanı çözümü sunduğundan Titanyum kullanmayı düşünüyoruz.

Yeni bir sencha touch uygulaması başlattık ve Android'de iOS ile karşılaştırıldığında önemli performans sorunları var. Ağır tasarımlı arayüzler uygulamaya çalışırken dikkatli olun.

Keşke 3 ay önce bildiğim bir şey: büyük ön tasarımlar mobilde kötü. Tasarım / geliştirme ekibi arasında gerçekten yinelemeli bir yaklaşıma ihtiyacınız var. CSS3 geçişleri Android'de zor: çok sayıda yuvarlak köşeden, RGBA, degradelerden, metin gölgelerinden kaçının. Uygulamanızın bir nöbet geçirmesini sağlayacaktır.

DOM'yi mümkün olduğunca küçük tutun; artık kullanılmadıkları için panelleri yok edin.

Android'de bazı garip çizim () davranışları gördük, ancak bu çok fazla CPU istediğimizden gelebilir. Bilmenin tek yolu tüm kodu bir ninya gibi profillemektir

DOML Manipülasyonlarını elle kodlayarak, LinkedLN Mühendislik ekibinin HTML5 uygulamalarının performansını nasıl geliştirdikleri hakkında lütfen bu makaleye bakın:

http://engineering.linkedin.com/linkedin-ipad-5-techniques-smooth-infinite-scrolling-html5

Bu makale bağlamında Sencha Touch ile ilgili iki sorun görüyorum:

1. Sencha Touch, Javascript nesnelerini Dom Düğümlerine dönüştürüp Dom Ağacına ekleyerek kullanıcı arayüzünü oluşturur. Chrome Araçları, Dom ağacına nispeten yüksek sayıda DIV ve diğer DOM öğeleri eklediğini gösterecektir. Bunun performans üzerinde zararlı bir etkisi olmaz mı?

2. Sencha kullanıcı arayüzündeki Dom düğümlerinin çoğu, işaretlemeden değil Sencha API kodu tarafından oluşturulur. Bu Dom öğelerini doğrudan değiştirmek için kod yazarsak, herhangi bir yan etki yaratmayacağından emin olabilir miyiz?

Bu sorguyu bugün resmi Sencha Forumuna gönderdim. Bu yanıtı yanıtla güncelleyecek.

Sencha 2 çerçevesini kullanarak iOS / Android için bir web uygulaması yapıyoruz ve performans Android'de IOS ile karşılaştırıldığında korkunç. Ne yazık ki, şimdi müşterilerime Android'de bir uygulama istedikleri takdirde yerli veya Titanyum olduğunu söylüyorum. Umarım iyileştirmeler yapabilirler, ancak hedef platform Android ise Sencha'yı bir daha asla kullanmayacağım.

FYI (hedef cihaz Galaxy S3 idi).

Sencha Touch + Phonegap Android cihazlarda berbat. Özellikle 2.2 sonrası hedefliyorsanız. Bu kombinasyon android cihazların G3 / Not kategorisi için tamam çalışır. Performans ve kullanıcı arayüzü gibi yerel istiyorsanız Android'de Sencha Touch + Phonegap'ı unutun.

Sencha Touch + Phonegap sadece göz alıcı ve şaşırtıcı performanslar istemeden binlerce cihazda pazarlara hızlıca vurmak için iyidir.

Müşteriniz kullanıcı arayüzü ve performans konusunda çok spesifikse ve Hibrit çözümde ısrar ediyorsa, ona feragatname ve Sencha Touch + Phonegap uygulamasını istediği için imzaladığı bildiriyi verin.

Android'de bu ölümcül kombo ile sadece parmaklarımı değil tüm vücudumu yaktım.

Kasım 2013 ve Sencha 2 mutfak lavabosu demosu HTC Android 4.0'ımda duruyor, diğer html5 çerçeveleri jqMobi kullanan intel XDK gibi daha iyi yanıtlar gösteriyor.