Your SlideShare is downloading. ×
0
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Club degli sviluppatori : performance optimization - 2° Parte
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Club degli sviluppatori : performance optimization - 2° Parte

512

Published on

Talk: …

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
512
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Perfomance  Optimization Sencha Touch Speaker:  Giuseppe  Toto
  • 2. Sviluppare  App   Html5  non  è   come  sviluppare   per  il  Web
  • 3. DOM:  Document  Object  Model
  • 4. Perfomance   Optimization  
  • 5. Manipolare  il  DOM (con  prudenza)
  • 6. TEST:  hHp://jsfiddle.net/VWkS2/2/   Manipolare  il  DOM
  • 7. Dimensione  del  DOM hHp://www.sencha.com/blog/sencha-­‐‑touch-­‐‑optimizing-­‐‑memory-­‐‑usage/  
  • 8. “Il  numero  degli  elementi  presenti  in   una  pagina  ha  un  grande  effeHo  sulla   quantità  di  memoria  utilizzata   dall’applicazione.” Dimensione  del  DOM
  • 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. DELEGARE  GLI  EVENTI
  • 11. DELEGARE  GLI  EVENTI
  • 12. DELEGARE  GLI  EVENTI
  • 13. DELEGARE  GLI  EVENTI
  • 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. ESEMPIO •  UNA  FUNZIONE  CHE  CALCOLA  I  NUMERI   PRIMI  FINO  A  150.000   •  hHp://localhost:10088/worker/  
  • 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:

×