Check out myAngular article series with live demos and Facebook group Angular - Advanced Topics

Using Service Workers

In this post I take a look at service workers in JavaScript. I will show how to use a service worker to support offline loading of an Angular application.

Closure Compiler and Http Requests

In this post I will show how to make external API responses compatible with Closure compiled code.

Webpack 3 vs Webpack 2

In this post I will do a comparison between Webpack 3 and Webpack 2.

Webpack Tree Shaking with Babili

In this post I will show how Babili can improve dead code removal in Webpack builds.

Angular Build with Webpack and Babili

In the following post I will show that you can shrink the footprint of your Angular Webpack build by switching to ES6 and Babili.

Angular Production Builds

In this article I will discuss some of the alternatives for preparing an Angular application for production. I will look at several different approaches, and highlight the pros and cons.

Combining Prepack and Closure Compiler

In this post I want to test if there is any benefit to combining Prepack with the Closure compiler (ADVANCED_OPTIMIZATIONS).

NgUpgrade with Closure Compiler

In this post I will talk about integrating the Closure compiler with an NgUpgrade application.

NgUpgrade with Lazy Loading

In this post I will show how to optimize NgUpgrade through lazy loading.

Measuring JavaScript performance – Closure Compiler vs Webpack

In this post I will show how to use webpagetest.org to collect performance metrics for a web application.

Closure Compiler vs Rollup vs Webpack

I have migrated my demo application to use the Closure compiler for bundling. In this post I will do a quick comparison of bundle sizes between Closure, Rollup and Webpack.

Pitfalls in Angular bundling

In this post I will show one of the pitfalls of bundling in Angular.

Creating a microservice in NodeJs

In this post I will show how I implemented the commenting feature for my blog using a microservice api.

Minimal Angular Application

In this post I will discuss an experiment where I set out to create the smallest Angular application possible using Angular 4-rc.5.

Closure Compiler vs UglifyJS

In this post I will do a quick comparison between the Closure Compiler and UglifyJS2.

Code Splitting in Webpack

In this post I will show how to do code splitting in Webpack.

Angular application bundles

In this post I will discuss different ways to generate Angular application bundles. I will show examples using Rollup, Webpack and the Closure compiler (ADVANCED_OPTIMIZATION).

Size of Angular applications

In this post I will examine how Angular applications grow in size when moving beyond the “Hello World” baseline example.

Optimizing applications using Svelte

I believe build-time compilers will play a much more important role in JavaScript development in the coming years. I this post I will show how I reduced the payload size of my blog commenting feature from over 100k to 4.7k by switching to the compiler based framework Svelte.

Using the Closure Compiler - ADVANCED_OPTIMIZATIONS

The Closure compiler is an amazing tool for optimizing JavaScript. In this post I will show how to use it in some common scenarios. For the purposes of this post I will be using the closure compiler with ADVANCED_OPTIMIZATIONS.

Tree Shaking in JavaScript

In this post I will talk about how to apply Tree Shaking to JavaScript code.

Removing watches in AngularJS applications

Angular is a great framework for composing complicated data driven user interfaces. Most of the time Angular does a good job of balancing flexibility and performance, but in large complicated UIs, performance may become an issue if you're not careful. In this post I will discuss some effective techniques that may help you tune your application.