Angular 2 AOT vs JIT payload comparison
<p>I'm pretty new to Angular 2, so correct me if I'm inaccurate.</p>

<h3>My understanding of Angular 1 vs 2 when it comes to compiler:</h3>

<p>In Angular 1 the compiler is more <strong>general</strong> and dynamic, meaning that dirty checking code is a <strong>single code</strong> running over different components. However for performance sake in Angular 2, every component will get compiled to a <strong>generated code</strong> that handles bindings and dirty checking for that specific component. It means that depending on the component template, more specifically <strong>number of bindings</strong>, the generated code becomes larger.</p>

<p>When we use <em>JIT</em>, this is not important as this code doesn't go through the network and is generated in browser. But when using <em>AOT</em> it's going to be transferred from the server.</p>

<h3>The problem (possibly):</h3>

<p>When the application is small, AOT will definitely result in smaller payload as the compiler is not going to be shipped to browser. But as the application grows, I assume this difference starts to decrease and maybe become inverted (does it?!). But I don't have a quantitative sense of it. <strong>Is it going to be a real issue for medium or large scale applications?</strong></p>