Performance Angular

893f54413c2bd9ba41d11d753aacaf2c?s=47 Yosuke Kurami
October 09, 2016
160

Performance Angular

893f54413c2bd9ba41d11d753aacaf2c?s=128

Yosuke Kurami

October 09, 2016
Tweet

Transcript

  1. 2.

    About me • @Quramy (Yosuke Kurami) • Frontend Web Developer

    at WACUL INC. • develop SPA with Angular(1 and 2) • Maintaining a Vim plugin for TypeScript • http://vimawesome.com/plugin/tsuquyomi • I don’t use nor know Wordpress.

  2. 4.

    Angular • One framework • TypeScript • Future specs: •

    Observable, Shadow-DOM, Fetch API, etc…
  3. 7.

    “Compilation” in Angular • Angular has “template compiler”: • creates

    functions optimized for manipulating DOM, to defeat VDOM.
  4. 9.
  5. 10.
  6. 11.

    JiT v.s. AoT • JiT(Just in Time) Compilation [Default]: •

    Linking functions generated at run-time. • AoT(Ahead of Time) Compilation: • Linking functions generated at your build. • You can use compiler-cli(ngc)
  7. 15.

    Limitation of JavaScript minifier • Static types allow more optimization

    • TypeScript(statically type language) • Google Closure Compiler has annotated- based minifier • So, TypeScript + AoT + Closure Compiler..?
 https://github.com/angular/tsickle