Articles and Lessons tagged with Lazy Loading

Lazy Loading Images in Angular 6

Lazy Loading Images in Angular 6

Posted Aug 13, 2018 | | By Maina Wycliffe | Angular
In most web apps, images form a huge chunk of the size of the content. If you had, let’s say over 50 images with each having 100Kbs (after compression and resizing) in size, the total of that would be 100 x 50 which is 5MBs in total size. While …
Read More

Lazy Loading Scripts and Styles in Angular

Lazy Loading Scripts and Styles in Angular

Posted Aug 4, 2018 | | By Maina Wycliffe | Angular
In my earlier post, I covered about lazy loading of angular modules. In this post, I will cover lazy loading of scripts and styles, both external and local. The goal of this post is to show how you can defer loading of a script or style and load it …
Read More

Optimizing your Angular App using Lazy Loading

Optimizing your Angular App using Lazy Loading

Posted Jul 8, 2018 | | By Maina Wycliffe | Angular
Lazy loading is a technique where you defer loading of content until such a time it’s needed. In single page apps (SPA), usually the whole web app is loaded initially before rendering can even begin. This includes sections of the web app that a user …
Read More