HTML5 teljesítmény mobilon - teszteljünk

Fórumok

Sziasztok,

UPDATE
Összedobtam egy saját tesztet ami már teljes ablakos, légyszi erre is nézzetek rá:
http://merretekerjek.hu/#renderer=canvas
http://merretekerjek.hu/#renderer=dom

A nagyobb térkép miatt valszeg lassabb, kérdés, hogy még hasznáható-e?

Megnéznétek légyszi, hogy a következő 2 térkép milyen sebességgel működik (ha működik) mobilon friss böngészőkkel?
http://ol3js.org/en/master/examples/simple.html?renderer=canvas
http://ol3js.org/en/master/examples/simple.html?renderer=dom

Arra vagyok kíváncsi, hogy érdemes-e lassan HTML5 alapú térképet készíteni vagy még mindig muszáj natív appot faragni minden platformra.. Nonprofit project..Nálam:

iPhone 4S
/Safari
//canvas: hasít

HTC Sensation, Android 4.0.4:
/Chrome
//canvas: lassú
//dom: gyorsabb, de nagyokat akad néha, a zoom darabos
/Firefox
//canvas: tetű lassú
//dom: lassú

Overmax 10II tablet, Android 4.2.2
/Chrome
//canvas: jó
//dom: nagyon jó, bár néha beakad
/Firefox
//canvas: jó
//dom: lassú

Ha esetleg le tudod mérni, megköszönöm. Elsősorban telefon érdekel, nem tablet.

Hozzászólások

Galaxy S2, Cyanogenmod M8 (4.4.4), Chrome
mindkettő verzió kellemesen gyors, használható

LG Optimus F6, android 4.1.2, Chrome

teljesen jó az egész, nagyon gyors...

Megjegyzem: ha saját térképet akarsz a háttérből szolgáltatni, akkor geoserver-t (vagy annak megfelelőt) kell a háttérbe pakolni, ami alá viszont kell majd vas. Ha térképes kérdésed van, nyugodtan dobj privátot, már két éve térképes alkalmazást fejlesztünk, eddig geoserver + geotools + java, most geoserver + openlayers alapokon...

Galaxy nexus, 4.3, stock browser: mindkettő folyamatos. Ugyanitt firefox: a dom szaggat, és mellesleg a térkép mozgásra az oldal is mozog. De ugyanezt a két jelenséget produkálja a 2048 is, és ezt már beküldtem hibának.

--

Galaxy Nexus, Paranoid Android (4.4.4)
Chrome: Canvas - gyors, nem rosszabb, mint a GMaps app; Dom - lassabb sokkal, az animációk nem látszanak, csak ugrik
Firefox: kb. egyformán lassú mindkettő, mint Chrome-nál a DOM
Now Browser: Canvas - gyors, Dom - nem annyira gyors, mint a Canvas, de jobb, mint a többinél

Vodafone Smart 4 Mini (Vodafone 785) Andorid 4.2.2. (nem egy csúcskategóriás vas)

Opera böngészővel mind a kettő gyors.
Alap böngészőjével mind a kettő gyors.

Nokia N9
/Stock Web Browser
//canvas: nagyon lassú
//dom: pöpec, használható
/Firefox
//canvas: nagyon lassú
//dom: lassú

--
"The only valid measurement of code quality: WTFs/min"

Sony Xperia SP - Google Chrome (alap browser)

Nem érzek különbséget. Mindkettő lassan tölt be, de utána gyors. Időnként a mozgás mindkettőn nagyokat szaggat.

sgs3, gyári rom, opera classic
convas egész jó
dom akadozik

SE Xperia Ray, CM 10 (Android 4.1.2)

/Built-in Browser
//canvas: meg se mozdul
//dom: jó

/Firefox
//canvas: be se tölt (csak a szürke háttér látszik)
//dom: darabos

Nokia Lumia 920, Windows Phone 8.1
/Internet Explorer
// mindkettő hasít

Moto G, 4.4.3
Firefox
Canvas egy icipicit lassúcska, de nem eget rengető. Kb. fél másodperc.
Dom lassabb, kb. egy másodpercet késik.
A nagyítás mindkét helyen nyögve-nyelős, elsőre sosem jött össze, csak harmadik - negyedik dupla klikkre.
A fent említett "mozog az egész oldal" hibát nálam nem hozta.
--
blogom

thl w200- 4.2.1
Dolphin- mindkettő jó.
Chrome- mindkettő jó

Nexus5 (CM11 nightly / Android 4.4.4):

/Stock AOSP browser
//canvas: nagyon gyors és teljesen sima
//dom: gyors és sima, de nem annyira, mint a canvas

/Firefox beta
//canvas: gyors, de nem annyira, mint a stock browser
//dom: elfogadható, de én már kicsit döcögősnek érzem

A térképen lévő nagyítás-kicsinyítés gombokkal teszteltem. A 2 ujjas pinch-zoom sokkal rosszabb élmény mindegyik felállásban -mintha néha megakadna, mintha nem mindig jól venné az inputot- úgyhogy ebből kiindulva nem csak a nyers erős számít.

A válaszokból látszik, hogy menyire szubjektív ez a teszt. Óriási a szórás a készülékek között, mégis van aki teljesen jónak érzi gyenge készüléken is, van akinek meg erősebb készüléken sem tűnik tökéletesnek.

Szubjektív, de ez nem baj, mert az appot is szubjektíven értékelik majd. A helyzet sokkal reménytelibb, mint ahogy a saját HTC Sensation készülékemből kiindulva gondotlam.

Egyébként a szoftver stack és a video driver valszeg többet nyom a latba mint a készülék hardvere, emiatt is lehetnek meglepő eredmények.

Windows Phone 7.8, Internet Explorer 9

Mindkettő gyors, viszont egyiknél sincs pozícionálás, az oldal együtt mozdul a térképpel.

Köszi az eddigi méréseket, jó hírek, ez alapján elindulok a HTML5 "app" úton.

Az eredeti posztba kitettem 2 újabb linket, előre is köszönöm ha rápillantassz és megosztod, hogy hogy teljesít.

Lg optimus 4x hd gyári android 4.0.3

Naked Browser Pro:

Canvas: jó
Dom: jó

CW Browser:

Canvas: hasít
Dom: szintén

Mind a két browser alatt a teljes ablakos verziót próbáltam ki.

--------------------------

Csak a viták elkerülése végett. Ha nem használok ékezetet, mobiltelefonról írok.

Samsung Galaxy S3, Android 4.3

/ Stock browser
// canvas: lassú
// dom: gyors, de zoomnál darabos

SGS3, stock 4.3 rom

chrome: dom jó, canvas jobb
firefox: arányok hasonlók, de minden sokkal lassabb mint chome alatt, ff alól tuti nem hasznlnám.

Mindkét böngészőből eléggé lassú volt a zoom-olás/húzkodás alatt a térképcafatok betöltése, bár ez lehet a rommá korlátozott és használt wifi bűne.

Note 2 ( 4.4.2 ) - Chrome:
egyik varians sebessegevel sincs gond.

SGS2 Omni 4.4.4
Opera classic teljesen gyors

Rájöttem miért volt lassú a HTC: Chrome-ban feketelistás volt a videó driver, emiatt szoftveresen renderelt. Miután a chrome://flags lapon bekapcsoltam az "Override software rendering list" feature-t, kb 15x lett gyorsabb.

Feltettem egy CM M8 (Android 4.4.4) ROM-ot, ezzel már hack nélkül is gyors a Chrome és a beépített böngésző is, csak a Firefox maradt lassú.

Nexus 4, Android 4.4.4, Chrome:
mindkét verzió teljesen jól használható, gyors.

--
Soli Deo Gloria