Performance Optimization for Sencha Touch

•

11 likes•7,315 views

Mobile devices have very limited processing power compared to modern desktops. It's essential to keep performance optimization in mind when developing Touch applications. Here, we'll discuss how to keep your mobile web app fast and lightweight. We'll learn about such techniques as keeping your DOM slim, managing troublesome CSS3 properties, and other ways to keep your app sleek and responsive.

Technology

Performance Optimization
for Sencha Touch

by Tommy Maintz
@tommymaintz

Problems
DOM
Events
Drawing
Animations
Code execution

Device speciﬁc issues
Limited hardware acceleration
Translate3d

One small advantage
Phones have a limited amount of screen estate

Solution
Destroy components that are not visible on the screen anymore

Solution
Use our Event Manager
Automatic removal of listeners
Delegation for Touch events
Use event delegation when possible

No small advantage
Devices will get faster
Better hardware acceleration

Solution
Keep your DOM structures “light”

Light?
Limited amount of advanced CSS3
opacity & rgba
border-radius
gradients
text-shadow & box-shadows
Limit the amount and depth of DOM elements

Don’t go too deep
Prevent unnecessary layouts

Good Getting Little
enough There behind

Most Android
iPhone 3GS+ RIM
2.2 devices

Solution
Only animate “light” DOM structures

Not the usual suspects
CPU’s are actually fast enough
Javascript engines are powerful

JIT Compiler
Compilation time is related to size of ﬁle that the method
exists in

Complexity not relevant
Extensive comments and documentation are

Solution
Write complicated undocumented code

Actual solution
Test performance using miniﬁed and compressed code

JSBuilder 3
Cross-OS packaging, concatenation & miniﬁcation

Programs like Magics, Rhinoceros 3D, and Spark can help you check out your CAD design for any issues that might not 3D print well. In this webinar, an engineer from each of these companies will go over a feature of their program that resolves a potential 3D printing problem. View this webinar to learn: The basics of operating these programs What they can and cannot correct Design tips to speed your design process

Memory problems in android programmingAiTi Education

Présentation Aerys iCOMMUNITY

Cloud Graphical Rendering: A New Paradigm

Joel Isaacson

Cloud rendering of modern graphics is typically performed via remote hardware rendering and pixel-based video compression techniques for image transmission. These solutions perform poorly, profligately expending both system and network resources. In response, Ascender Technologies developed novel enabling technology where the rendering of pixels is performed only on the local client, which makes for a much more affordable solution without expensive graphical hardware in the cloud. In addition, Ascender’s compression techniques reduce the networking overhead, typically by over an order of magnitude.

AAA 3D GRAPHICS ON THE WEB WITH REACTJS + BABYLONJS + UNITY3D by Denis Radin ...

DevClub_lv

JS Fest 2019. Денис Радин. AAA 3D графика в Web с ReactJS, BabylonJS и Unity3D

JSFestUA

Создать фотореалистичное 3D приложение для Web не просто. Сделать это с React еще сложнее, но окупается с лихвой если вы все таки справились. Этот доклад о том как Evolution Gaming использует WebGL и ReactJS для создания самого сложного и дорогого WebGL приложения из когда либо разработанных.

Let's integrate CAD/BIM/GIS on the same platform: A practical approach in rea...

SANGHEE SHIN

Mobile Execution EnvRohit Joshi

J2ME mobile app development

Muthu Kumar

JavaScript all the things - JavaScript fwdays 2018

Jan Jongboom

mago3D, a web based BIM/GIS integration platform on top of open source

SANGHEE SHIN

Windows Mobile 6.5 메모리관리

Seo Jinho

OLUDAP, AN AI APPROACH TO WEB GAMING IN THE CLOUD

Vittorio Ziparo

Oludap is a multiplayer online strategic game that is based on the open-source (j)Ruby on Rails framework MADMASS (MAssively Distributed Multi Agent System Simulator). MADMASS simplifies the development of next-generation web applications by relying on methodologies from Artificial Intelligence and Multi-Agent Systems. In Oludap, players compete in real-time for limited resources in a shared environment. Oludap’s gameplay is episodic, meaning that small groups of users can play one-shot games. This type of games presents two challenges: 1. the episodic nature of the game-play may yield to rapid and unpredictable fluctuations in the workload that can make planning for IT infrastructures not sustainable; 2. the fact that players act on a shared environment generates a high level of contention on data thus, considering that consistency is a strong requirement, scalability may be at risk. In order to overcome these challenges, we are working to re-implement the data layer of the game on top of Hibernate OGM and Infinispan, in the framework of the Specific Targeted Research Project (STReP) Cloud-TM, which is co-financed by the European Commission through the contract no. 257784.

Memory Management in TIZEN - Samsung SW Platform Team

Ryo Jin

Configurable Video Coding

Iain Richardson

Jd Photo Tools - Company Presentationjdingley

Cloud / Oludap case study - Vittorio Amos Ziparo, Algorithmica

Paris Open Source Summit

Oludap is a multiplayer online strategic game that is based on the open-source (j)Ruby on Rails framework MADMASS (MAssively Distributed Multi Agent System Simulator). MADMASS simplifies the development of next-generation web applications by relying on methodologies from Artificial Intelligence and Multi-Agent Systems. In Oludap, players compete in real-time for limited resources in a shared environment. Oludap’s gameplay is episodic, meaning that small groups of users can play one-shot games. This type of games presents two challenges: the episodic nature of the game-play may yield to rapid and unpredictable fluctuations in the workload that can make planning for IT infrastructures not sustainable; the fact that players act on a shared environment generates a high level of contention on data thus, considering that consistency is a strong requirement, scalability may be at risk. In order to overcome these challenges, we are working to re-implement the data layer of the game on top of Hibernate OGM and Infinispan, in the framework of the Specific Targeted Research Project (STReP) Cloud-TM, which is co-financed by the European Commission through the contract no. 257784.

DCEU 18: Edge Computing with Docker Enterprise

Docker, Inc.

Marc Meunier - Director of Business Development, Docker Adam Parco - Director of Engineering, Edge & IoT, Docker The Internet of Things (IoT) is pushing more computing to the edge - where data from devices can be aggregated, filtered, and analyzed before it’s sent somewhere else. As edge devices become more powerful and capable of running sophisticated applications, the edge servers have to keep pace with development. The challenge for edge computing is that these servers and devices are distributed geographically across many sites and sometimes inaccessible. The Docker platform is designed for distributed computing and provides an easy way to securely distribute and run applications at the edge. In this session, we will outline some of the major trends around edge computing and the common architectures and use cases across different industries. We will highlight some of the work we’re doing with our customers to deliver on these edge use cases and where Docker is headed.

Tools and Techniques for Faster Development

jtaby

Breathe New Life into Your Existing JavaScript Applications with Web Components

Performance Optimization for Sencha Touch

Recommended

Recommended

More Related Content

Similar to Performance Optimization for Sencha Touch

Similar to Performance Optimization for Sencha Touch (20)

More from Sencha

More from Sencha (20)

Recently uploaded

Recently uploaded (20)

Performance Optimization for Sencha Touch