1. Optimizing Your JavaScript App for Performance
Lloyd Heberlie, Rene Rubalcava
Learn how to use the ArcGIS API for JavaScript Web Optimizer or the Bower package manager and Dojo build tools to generate optimized builds of your application. Other common JavaScript and web application optimization techniques will be discussed.

2. Agenda Introductions Web Optimizer Bower Other considerations
Questions
• Introductions
• This is an Intermediate workshop, you should have familiarity with web development

3. Web Optimizer Lloyd Heberlie
• Goal was to allow users to create a custom build
• How many of you have already used the Web Optimizer
• AMD
• AMD Loader
• Who’s it for?
• Mobile applications
• Projects where you want to embed the API (PhoneGap)
• Improve application load time (decrease latency)

4. Web Optimizer
Demo

5. Summary Requirements Build options Publish to CDN Application benefits
• Org or Developer account
• AMD only, jsapi 3.x+
• Create customized builds including modules specific to your app
• Hosted to the CDN for free
• Decrease application load times

6. Bower Power
Rene Rubalcava

7. What is Bower? A JavaScript package manager
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
Lloyd Heberlie
Rene Rubalcava