De ce aplicația dvs. încrucișată este mai lentă decât un melc pe apelare-și cum să o remediați

Să fim sinceri - nimic nu declanșează furia unui utilizator mai repede decât o aplicație lentă. Dacă utilizatorii dvs. ating butoane de parcă sună o sonerie spartă și se uită la un încărcător de învârtire mai mult decât privesc în ochii partenerului lor, ceva nu este în regulă.

Am văzut asta de mai multe ori decât îmi pasă să număr. Și am petrecut ultimii 15+ ani ajutând echipe din SUA în Europa - și, desigur, chiar aici, în Columbia, Carolina de Sud - să evidențieze ceea ce exact încetinește lucrurile în aplicațiile lor mobile strălucitoare. Alertă spoiler: nu este întotdeauna vina ta. Uneori, sunt cadrele în sine.

La Web Design Columbia (fața locală a echipei de dezvoltare a veteranilor la BIT-urile de mai sus), am dezvoltat aplicații mobile pentru companii de logistică, platforme educaționale, startup-uri sportive fantastice, instrumente bazate pe GPS pentru agricultură și chiar aplicații de streaming de securitate. O temă comună pe toate acestea? Cineva-fie clientul, fie dezvoltatorul său anterior-gândirea transversală ar fi automat rapidă, ieftină și magică.

Acolo vine subiectul de astăzi. Dacă utilizați React Native, Flutter, Ionic sau orice alt „Construiți o dată, lansați peste tot” setul de instrumente și vă întrebați de ce aplicația dvs. rulează ca un hamster îl alimentează pe o banda de alergare, nu sunteți singur. Să -l despachetăm - din punct de vedere tehnic, plin de umor și sincer.

Cross-platformă: binecuvântare sau blocaj?

Nu se poate nega apelul. Dezvoltarea multiplă platformă vă permite să scrieți cod o dată (mai ales) și să-l implementați atât pe iOS, cât și pe Android. Asta înseamnă că nu aveți nevoie de două echipe separate, bugete sau defecțiuni emoționale.

React Native, de exemplu, a fost construit de Facebook în 2015 pentru a -și zgâria mâncărimea - delantând funcții mobile mai rapide, fără a menține mai multe baze de cod. Flutter, creat de Google în 2017, ia un traseu diferit cu motorul său de redare și limbajul de programare Dart. Ionic? Este mai vechi, revenind la 2013 și se bazează pe tehnologii web precum HTML, CSS și JavaScript.

Acum, nu mă înțelegeți greșit - aceste cadre sunt strălucitoare în multe feluri. Dar strălucirea vine adesea cu avertismente. Performanța este cea mare.

Să presupunem că ați angajat vreodată un dezvoltator pentru a vă construi o frumoasă aplicație multiplă platformă pentru mai puțin decât costul unei biciclete decente. În acest caz, este posibil să fi observat câteva aspecte: animații întârziate, butoane care durează pentru totdeauna să răspundă sau caracteristici care funcționează pe Android, dar în mod inexplicabil se prăbușesc pe iOS.

Voi explica de ce în doar o secundă. Dar mai întâi, dacă vă întrebați cum se referă la dezvoltarea aplicațiilor mobile în Columbia, SC, permiteți -mi să vă spun că am rezolvat aceste probleme exacte pentru clienții noștri locali încă din zilele 3G iPhone 3G.

Adevăratul motiv pentru care aplicația dvs. încrucișată este lentă

Iată micul secret murdar pe care nu-l spun în paginile de produse Slick sau în tutorialele YouTube pentru dezvoltator: aplicațiile cu platformă încrucișată sunt, prin natură, un strat de abstractizare. Și după cum știe orice programator, abstracția = aerian.

React Native, de exemplu, folosește un „punte” pentru a comunica între componentele autohtone și JavaScript. Acest pod nu este exact Usain Bolt-în special atunci când gestionați animații complexe, caracteristici de hartă sau date în timp real. De aceea, defilarea Jank și lag sunt atât de comune.

Flutter, deși mai rapid în anumite privințe, datorită propriului motor de redare (Skia), își are chestiile. Dart este puternic, dar nu tuturor le place să folosească un limbaj de nișă. În plus, aplicațiile Flutter pot fi umflate în dimensiunea fișierului și se simt adesea „non-native” în comportament, cu excepția cazului în care personalizați puternic UX pe platformă.

Și să nu începem nici măcar pe cadre hibride precum Cordova sau Ionic, care rulează în esență aplicația dvs. într -o vizualizare web - un cuvânt fantezist pentru un browser care se preface că este o aplicație nativă. Este ca și cum ai închiria o coajă de caroserie Ferrari și a -l lipi pe un motor de cărucior de golf.

La Web Design Columbia, am moștenit mai mult decât partea noastră din aceste aplicații Frankenstein de la alți dezvoltatori însărcinați cu „doar să o facă mai repede”. Vestea bună este că de obicei putem. Dar nu fără a ridica capota, a elimina plugin -urile inutile, a optimiza utilizarea memoriei și de a rescrie adesea bucăți mari de cod.

Dacă afacerea dvs. din Columbia, SC, se bazează pe aplicații mobile, această penalizare de performanță poate însemna pierderea utilizatorilor în fața concurenților cu UX mai bun. Fără presiune.

Frustrare globală, corecții locale

Un studiu recent realizat de Statista a arătat că utilizatorii abandonează aplicațiile după doar 3 secunde de lag. Trei secunde. Este mai puțin timp decât este nevoie pentru a se strecura.

Un alt fapt amuzant? Google în sine a declarat în 2023 că 53% dintre utilizatorii de telefonie mobilă abandonează un site sau o aplicație care durează mai mult de 3 secunde pentru a se încărca. Nu este vorba doar de viteză - este vorba despre încredere. Dacă aplicația dvs. îngheață, utilizatorii vor crede că marca dvs. nu este de încredere.

Aici dezvoltarea noastră de aplicații mobile în Columbia, SC, a trebuit să evolueze rapid. Acum efectuăm audituri de performanță ca parte a aproape fiecare proiect, chiar și atunci când nu am scris codul original.

Îmi amintesc de o aplicație logistică la care am lucrat, care a avut notificări de urmărire în timp real, scanare a codurilor de bare și notificări push-toate caracteristici excelente. Cu toate acestea, dezvoltatorii au folosit Native React cu prea multe biblioteci terțe, urmărirea slab implementată a locației de fundal și animații de memorie. Rezultatul? S -a prăbușit la fiecare 10 minute pe Android 11 și oprirea termică pe iPhone -uri mai vechi.

Am reconstruit cea mai mare parte a acesteia, am migrat la o arhitectură mai modulară, am folosit module native pentru urmărirea locației și am redus dimensiunea aplicației cu 60%. Baza de utilizator a încetat să mai trimită e -mailuri de asistență furioasă. A fost un câștig-câștig.

Pentru cei interesați să construiască ceva similar (dar fără dramă), vă recomandăm de obicei să începeți cu o consultație profesională și accesibilă de dezvoltare a aplicațiilor mobile în Columbia, SC. Este întotdeauna mai ieftin să planifici decât să patching.

Când se luptă și tehnologia mare

Dacă credeți că acest lucru se întâmplă doar cu echipele mici, gândiți -vă din nou.

Facebook și-a reconstruit aplicația mobilă în 2012, deoarece versiunea hibridă originală bazată pe HTML5 a fost „prea lentă”. Mark Zuckerberg a recunoscut că a fost una dintre cele mai mari greșeli ale lor. În cele din urmă, s -au mutat la codul nativ și au dezvoltat ulterior React Native pentru a rezolva mai bine aceeași problemă.

Chiar și Google, cu cadrul său strălucitor de flutter, a trebuit să calce cu atenție. Devs -urile care au găsit curba de învățare inițială a dartului frustrant au reacționat cu reacția. Unele aplicații timpurii construite pe Flutter au sfârșit să fie aproape de două ori mai mari decât omologii lor autohtoni, determinând ratele de descărcare în rezervor în țările cu viteze limitate de internet.

Și apoi există Uber, care a încercat să folosească cadre hibride pentru aplicația sa de șofer, dar în cele din urmă a renunțat și a revenit la o dezvoltare nativă pe deplin, deoarece performanța pur și simplu nu a îndeplinit nevoile lor în timp real.

Ideea este că, chiar și companii de miliarde de dolari au aflat-uneori dureros-că performanța a dat seama de comoditate. Dacă investiți în dezvoltarea de aplicații mobile în Columbia, SC, această lecție ar trebui să se apropie de casă, mai ales dacă a trebuit deja să rehire după ce o aplicație off-the-raft s-a transformat într-o groapă de bani.

Platforma încrucișată nu este moartă, ci doar neînțeleasă

Nu mă înțelegeți greșit-nu spun că toate cadrele de platformă încrucișată sunt gunoi. Îmi place să lucrez cu React Native atunci când domeniul de aplicare al aplicației se potrivește instrumentului. Flutterul este superb pentru construirea rapid de aplicații complexe vizual. Condensatorul este surprinzător de eficient atunci când este utilizat corect.

Dar aceste cadre nu sunt magice. Aceștia necesită decizii arhitecturale la nivel înalt, disciplină bună a codului, configurare corespunzătoare CI/CD și teste din lumea reală pe zeci de dispozitive.

La Web Design Columbia, ne -am înțeles bine pentru că am făcut -o pur și simplu mai mult decât majoritatea. De la construirea platformelor sportive fantastice până la instrumentele de securitate în streaming, ne -am lovit în aproape fiecare perete - și ne -am dat seama cum să sări peste el (sau uneori să mergem cu o stivă complet diferită).

Acest tip de experiență vine doar din aproape două decenii în joc - și da, asta include lucrul cu platforme antice precum Symbian OS în acea zi. Te simți bătrân încă?

Testarea nu este opțională - supraviețuirea este

Haideți să eliminăm acest lucru: dacă nu testați aplicația dvs. mobilă pe dispozitive reale, jucați ruletă cu răbdarea utilizatorilor. Am văzut aplicații care au funcționat impecabil pe un simulator, dar au rupt a doua în care au fost deschise pe un Samsung Galaxy A12. Da, acesta este un telefon real și, da, nu se comportă nimic ca iPhone 15 Pro Max.

Pentru dezvoltarea aplicațiilor mobile în Columbia, SC, insistăm să testăm un laborator divers de dispozitive. Avem telefoane Android 8 vechi, tablete de nivel mediu și chiar un iPad mini crust care încă nu a murit. De ce? Pentru că utilizatorii dvs. nu folosesc doar cele mai recente echipamente.

De asemenea, emulatorii nu simulează utilizarea bateriei, comportamentul GPS, notificările push sau picăturile de rețea mobilă. Toate acestea contează atunci când construiți aplicații care se bazează pe actualizări în timp real, urmărirea locației sau conținut de streaming.

Reîncărcarea fierbinte a lui Flutter și reîncărcarea în direct a nativului sunt excelente pentru accelerarea dezvoltării, dar ce se întâmplă cu performanța de testare? Aceasta are încă nevoie de utilizare reală. Dacă săriți acest pas, vă garantez că utilizatorii dvs. vor fi cei care descoperă erori - nu voi. Și asta nu este niciodată un aspect bun, în special pentru o afacere bazată pe o piață bazată pe încredere precum Columbia, Carolina de Sud.

De ce aplicațiile GPS sunt un tip special de durere

Acum, să vorbim GPS. La Web Design Columbia, am construit un număr surprinzător de aplicații bazate pe GPS. Un client și-a urmărit camioanele de livrare în Carolina de Nord rurală, altul a avut nevoie de o soluție personalizată pentru evenimentele de geofencing și chiar am ajutat

Permiteți -mi să vă spun: GPS + Mobile Apps = o pungă de șerpi.

Consumul de baterii este primul ticălos. Cu excepția cazului în care reglați mecanismele de frecvență de locație și de retragere, aplicația dvs. va scurge telefonul utilizatorului mai repede decât Tiktok pe Autoplay. Și nu mă începeți cu permisiunile de confidențialitate iOS - Apple necesită acum un șir de justificare pentru utilizarea serviciilor de locație, iar dacă o exprimați slab, aplicația dvs. va fi respinsă.

Apoi există Android. Oh, Android. Pe telefoanele unor producători (privind -o, Xiaomi), locația de fundal pur și simplu nu funcționează decât dacă utilizatorul permite manual setări specifice - setările pe care de obicei nu le pot găsi fără a merge timp de 30 de minute.

Am petrecut luni întregi construind căderi personalizate pentru diferite versiuni de sisteme de operare și mărci hardware. Pentru dezvoltarea aplicațiilor mobile în Columbia, SC, am învățat să anticipăm aceste gotchas și să ne informăm clienții înainte de a deveni o problemă. Pentru că dacă aplicația dvs. de livrare nu reușește atunci când un șofer intră într-o zonă moartă pe I-77, acesta este un client pierdut.

Procesul de recenzie al Apple vă va bântui visele

Haideți să schimbăm viteze și să discutăm trimiteri de App Store, în special în magazinul de aplicații iOS. Trimiterea aplicației dvs. la Apple este ca și cum ați trimite CV -ul dvs. la o societate secretă fără manual, un recenzor neplăcut și o dragoste pentru note de respingere vagă.

Am trimis o dată o aplicație educațională pentru un client respins de cinci ori. În primul rând, nu le -a plăcut fluxul de conectare. Apoi au semnalat o mențiune a conținutului „gratuit”, deoarece nu a fost gratuit din punct de vedere tehnic. În continuare, s-au plâns că aplicația nu a oferit o valoare suficientă pe termen lung. În cele din urmă, am trecut-dar nu înainte de a scrie o justificare cu 3 paragrafe cu capturi de ecran.

Apple are unele dintre cele mai înalte standarde ale utilizatorilor din lume. Aceasta este o sabie cu două tăișuri. Da, utilizatorii primesc aplicații lustruite, dar pentru dezvoltatori, poate însemna săptămâni de refacere dacă nu știi ce faci.

La Web Design Columbia, am construit liste de verificare special pentru a supraviețui Purgatoriu Apple. Știm ce să evităm (fără deținători, fără ecrane de conectare pe jumătate coapte, valoare clară a caracteristicilor), iar structurarea construcțiilor pentru a trece la prima încercare, economisind clienții timp, bani și părul gri.

Și să nu uităm Android. În timp ce procesul lor este mai relaxat, acesta nu este întotdeauna un lucru bun. Aplicațiile încărcate de malware se strecoară, iar dezvoltatorii cinstiți sunt uneori măturați în interdicții automate. Unul dintre clienții noștri a fost semnalat pentru „comportament înșelător” pur și simplu pentru că ecranul lor de conectare avea o legătură de politică de confidențialitate lipsă. Lecția învățată.

Experiența utilizatorului este totul-iar platforma încrucișată o poate sabota

Ați folosit vreodată o aplicație care s -a simțit? De exemplu, un buton nu se comportă așa cum se întâmplă în alte aplicații, sau defilarea nu este netedă cu unt? Acest lucru se datorează adesea faptului că cadrele multiplice multiplice imită UI autohton, dar nu perfect.

Utilizatorii Android se așteaptă la interacțiuni de proiectare a materialelor. Utilizatorii iOS sunt obișnuiți cu tranzițiile native ale Apple. O UI cu dimensiuni unice-se potrivesc rareori încântă ambele tabere.

Într-un proiect recent, ni s-a cerut să revizuim interfața unei aplicații, deoarece utilizatorii de pe Android au considerat că aplicația este „prea iOS-Y”, în timp ce utilizatorii de iPhone au considerat că este „prea plat”. Dezvoltatorul precedent a construit o UI și a pălmuit -o pe ambele.

L-am reconstruit folosind componente conștiente de platformă, cum ar fi platforma React Native.OS a venit la îndemână și a oferit o UI ușor diferită pentru fiecare ecosistem. Utilizatorii au răspuns pozitiv, iar ratele de retenție s -au îmbunătățit cu 30%. Acesta este genul de reglare a celor mai mulți dezvoltatori bugetari. Dar face o lume a diferenței, în special pentru întreprinderile din Columbia, SC, unde loialitatea locală este totul.

Întrebarea de costuri - numerele de discuții ale lui LET

Aplicațiile multiplice multiplă sunt adesea amplasate ca o soluție ieftină, dar să ștergem aerul. Da, costurile de dezvoltare sunt mai mici - de obicei cu 30–40% mai puțin decât construirea a două aplicații native. Dar asta este doar o parte a ecuației.

Aplicațiile multiplice multiplă au nevoie adesea de mai multe depanuri, QA, reglare a performanței și gestionarea magazinelor de aplicații. De -a lungul timpului, aceste costuri pot consuma în bugetul dvs. ca un rac de rasă într -un coș de gunoi.

La Web Design Columbia, am făcut o misiune de a livra aplicații de înaltă calitate, fără a rupe banca. Prețul nostru este transparent, corect și înrădăcinat în rezultatele reale. Facem acest lucru din 2006 - când construirea de aplicații au însemnat Java pentru coșmarurile Symbian și BlackBerry OS - și clienții noștri rămân cu noi pentru că vorbim uman, nu doar cod.

Proiectul nostru tipic de aplicații mobile variază de la 3.000 USD pentru MVPS la 25.000 USD pentru sisteme cu caracteristici complete. Aceasta este încă cu mii mai puțin decât ați plăti la o firmă tipică de oraș mare, iar calitatea noastră stă cu vârful cu cele mai bune. Avem clienți care au lucrat cu noi de mai bine de un deceniu - nu pentru că îi mituim cu cookie -uri (deși, poate ar trebui).

Deci, merită platforma încrucișată?

Absolut - atunci când este potrivit. Aplicațiile care nu se bazează foarte mult pe animații, senzori de dispozitiv sau comportamente specifice platformei sunt perfecte pentru React Native sau Flutter. Dezvoltarea multiplă platformă beneficiază adesea foarte mult de instrumente de afaceri interne, MVP-uri, aplicații educaționale și platforme sociale simple.

Dar dacă construiți un joc de înaltă performanță, o experiență AR sau o aplicație complexă de urmărire GPS, poate doriți să luați în considerare nativul-sau cel puțin o arhitectură hibridă care se bazează pe module native. Cea mai bună strategie? Vorbește cu cineva care cunoaște ambele lumi și nu încearcă să te ridice într -un cadru specific.

Asta facem la Web Design Columbia. Începem cu strategie, nu cu hype. Apoi, construim ceva rapid, neted și ușor de utilizat-ceva pe care clienții dvs. nu îl folosesc doar, ci se bucură de fapt.

Dacă ați ajuns până acum, felicitări. Acum știți mai multe despre performanța aplicației mobile decât 90% dintre proprietarii de afaceri care lansează prima aplicație. Ați aflat că instrumentele cu platformă încrucișată sunt excelente-dar nu magice și că testarea, modificările specifice platformei și experiența din lumea reală sunt ceea ce separă o aplicație mediocră de una câștigătoare pe piață.

La Web Design Columbia, întreaga noastră echipă mobilă trăiește pentru această provocare. Nu scriem doar cod - rezolvăm probleme. Testăm, modificăm, iterăm și ne asigurăm că aplicația dvs. nu se termină în temutul categorie „Șters după prima utilizare”.

Indiferent dacă sunteți în Columbia, Carolina de Sud sau un fondator de startup la jumătatea globului, ne-ar plăcea să vă arătăm cum construim dezvoltarea de aplicații mobile profesionale și accesibile în Columbia, SC, cu performanțe din lumea reală.

Să ne asigurăm că următoarea dvs. aplicație este amintită pentru că este strălucitoare - nu ruptă.