1 / 14

Optimizing Your JavaScript App for Performance

Optimizing Your JavaScript App for Performance. Lloyd Heberlie, Rene Rubalcava. Agenda. Introductions Web Optimizer Bower Other considerations Questions. Web Optimizer. Lloyd Heberlie. Web Optimizer. Demo. Summary. Requirements Build options Publish to CDN Application benefits.

gdavidson
Download Presentation

Optimizing Your JavaScript App for Performance

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Optimizing Your JavaScript App for Performance Lloyd Heberlie, Rene Rubalcava

  2. Agenda • Introductions • Web Optimizer • Bower • Other considerations • Questions

  3. Web Optimizer Lloyd Heberlie

  4. Web Optimizer Demo

  5. Summary • Requirements • Build options • Publish to CDN • Application benefits

  6. Bower Power Rene Rubalcava

  7. What is Bower? • A JavaScript package manager • https://github.com/esri/arcgis-js-api • bower install arcgis-js-api

  8. Why Bower? • Easier to manage the dependencies • Tooling fits with the build system

  9. What do I get? • Minified, but unbuilt JavaScript API • Source Sass files for 4.0 • Unminified source for Widget Views for 4.0

  10. Custom Builds • Demystifying the Dojo build system... *kinda* • Using RequireJS for custom builds • Key points you should know

  11. Bower Demo

  12. Other considerations • Data generalization • Gzip compression • File minification

  13. Questions? https://github.com/Esri/jsapi-resources/tree/master/bower https://github.com/lheberlie/web-optimizer-js https://developers.arcgis.com/javascript/jshelp/inside_web_optimizer.html https://developers.arcgis.com/javascript/jshelp/inside_bower_custom_builds.html https://github.com/Esri/enterprise-build-sample-js https://github.com/gbochenek/web-app-builder-build Lloyd Heberlie - @lheberlie Rene Rubalcava - @odoenet

More Related