Club degli sviluppatori : performance optimization - 2° Parte

776 views
700 views

Published on

Talk:
Sencha Touch

Articolo di riferimento:
www.giuseppetoto.it/mobile/sencha-touch-2-build-mobile-web-apps-html5

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
776
On SlideShare
0
From Embeds
0
Number of Embeds
488
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Club degli sviluppatori : performance optimization - 2° Parte

  1. 1. Perfomance  Optimization Sencha Touch Speaker:  Giuseppe  Toto
  2. 2. Sviluppare  App   Html5  non  è   come  sviluppare   per  il  Web
  3. 3. DOM:  Document  Object  Model
  4. 4. Perfomance   Optimization  
  5. 5. Manipolare  il  DOM (con  prudenza)
  6. 6. TEST:  hHp://jsfiddle.net/VWkS2/2/   Manipolare  il  DOM
  7. 7. Dimensione  del  DOM hHp://www.sencha.com/blog/sencha-­‐‑touch-­‐‑optimizing-­‐‑memory-­‐‑usage/  
  8. 8. “Il  numero  degli  elementi  presenti  in   una  pagina  ha  un  grande  effeHo  sulla   quantità  di  memoria  utilizzata   dall’applicazione.” Dimensione  del  DOM
  9. 9. La  dimensione  del  DOM hHp://www.sencha.com/blog/sencha-­‐‑ touch-­‐‑optimizing-­‐‑memory-­‐‑usage/ Abbiamo  un  gran  vantaggio  nei   dispositivi  mobile: •  Le  applicazioni  mostrano  solo  un   soHo  insieme  delle  loro  interfacce.
  10. 10. DELEGARE  GLI  EVENTI
  11. 11. DELEGARE  GLI  EVENTI
  12. 12. DELEGARE  GLI  EVENTI
  13. 13. DELEGARE  GLI  EVENTI
  14. 14. WEB  WORKERS •  I  web  workers  sono  semplici  script  che    possono  essere  eseguiti  in  thread   separati. •  Un  grande  vantaggio  e  che  la  loro  esecuzione  non  blocca  l’interfaccia. •  Compiti  di  grande  dimensione  possono  essere  suddivisi  in  soHoinsiemi  più   piccoli  (strategia  DIVIDE  ET  IMPERA)  sfruHando  così  anche  le  future  cpu   destinate  ad  avere  sempre  più  core. •  Essi  sono  quasi  indipendenti  dalla  pagina  che  li  ha  generati: •  Non  hanno  accesso  al  dom  e  non  può  comunicare  direHamente  con  esso •  La  comunicazione  tra  la  pagina  e  il  worker  avviene  in  maniera  asincrona   tramite  funzioni  di  callback.. hHp://www.w3schools.com/html/html5_webworkers.asp  
  15. 15. ESEMPIO •  UNA  FUNZIONE  CHE  CALCOLA  I  NUMERI   PRIMI  FINO  A  150.000   •  hHp://localhost:10088/worker/  
  16. 16. •  hHp://www.sencha.com/blog/the-­‐‑making-­‐‑of-­‐‑fastbook-­‐‑an-­‐‑html5-­‐‑love-­‐‑story   •  hHp://www.senchatouchbits.com/10/performance-­‐‑optimization.html   •  hHp://www.html5today.it/tutorial/guida-­‐‑tutorial-­‐‑completo-­‐‑sullutilizzo-­‐‑ web-­‐‑workers   •  hHp://stackoverflow.com/questions/14826954/using-­‐‑web-­‐‑workers-­‐‑with-­‐‑ sencha-­‐‑touch-­‐‑2 •  hHp://blog.korynunn.com/javascript/the-­‐‑dom-­‐‑isnt-­‐‑slow-­‐‑you-­‐‑are/ •  hHp://www.theregister.co.uk/2012/09/14/ facebook_html_5_vs_native_apps/   Spunti  e   riferimenti:

×