Packaging and Deploying

AngularJS Web Applications

After all the laborious coding, testing, and performance tuning there comes the time
for production deployment. But let's not rush things, there are still a number of little
details to be taken care of before our application is ready for the prime-time!

Firstly, we need to make sure that our application makes reasonable use of network
resources. We can achieve this by limiting the number of HTTP requests as well as the
size of data downloaded with each individual request. Preloading and minification of
static resources are the two common techniques of reducing network traffic, and we
will see how to apply those techniques in the context of AngularJS applications.

The landing page of any web application gives the first impression of what to
expect next. If the very first experience is negative, users might get discouraged and
abandon an application we've worked so hard on. This is why it is so important
to optimize the initial page of our application. This chapter discusses various
adjustments we can make to make the first page experience as smooth as possible.

The last section discusses AngularJS support on different browsers with a special
focus on Internet Explorer.

In this chapter you will learn:

• How to minimize network utilization for downloading static
  resources by minifying and merging JavaScript code as well as
  preloading partial templates


• How to optimize the landing page


• Which browsers are supported by AngularJS and which particular steps
  are necessary to make it run on Internet Explorer without glitches