{"id":16296695,"url":"https://github.com/f1lt3r/angular-require-lazyload-template","last_synced_at":"2026-04-16T19:08:19.828Z","repository":{"id":145878368,"uuid":"47424547","full_name":"F1LT3R/angular-require-lazyload-template","owner":"F1LT3R","description":"An AngularJS + Ui-Router + RequireJS template: for creating web-applications that fetches controllers, modules and CSS, after Angular has been bootstrapped, resolving their dependencies as the route changes.","archived":false,"fork":false,"pushed_at":"2018-02-14T15:40:12.000Z","size":33,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-02T10:09:53.881Z","etag":null,"topics":["angularjs","css","lazy-loading","requirejs","resolving"],"latest_commit_sha":null,"homepage":"http://f1lt3r.github.io/angular-require-lazyload-template/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/F1LT3R.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2015-12-04T19:27:59.000Z","updated_at":"2018-02-14T15:38:38.000Z","dependencies_parsed_at":null,"dependency_job_id":"1a799e9b-0dcf-4908-96a1-7bc50c8c7333","html_url":"https://github.com/F1LT3R/angular-require-lazyload-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/F1LT3R%2Fangular-require-lazyload-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/F1LT3R%2Fangular-require-lazyload-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/F1LT3R%2Fangular-require-lazyload-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/F1LT3R%2Fangular-require-lazyload-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/F1LT3R","download_url":"https://codeload.github.com/F1LT3R/angular-require-lazyload-template/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248048798,"owners_count":21039097,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angularjs","css","lazy-loading","requirejs","resolving"],"created_at":"2024-10-10T20:23:41.357Z","updated_at":"2026-04-16T19:08:14.802Z","avatar_url":"https://github.com/F1LT3R.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular Require Lazy-Load Cookie-Cutter\n\n\u003e Load your apps resources, as you need them.\n\nTry out the demo: [http://f1lt3r.github.io/angular-require-lazyload-template/](http://f1lt3r.github.io/angular-require-lazyload-template/)\n\n## What is This?\n\nThis is a cookie-cutter project for Angular 1, that provides true lazy-loading features. The dependencies are resolved on-demand as the route changes. If the user only sees 10% of your app, only ~10% of your code is downloaded! Previously loaded resources are fetched from the browser's cache.\n\nYou can more about the [lazy-loading software design pattern](https://en.wikipedia.org/wiki/Lazy_loading) on Wikipedia.\n\n### Step 1\n\n![Step 1](https://i.imgur.com/h0Wd7S3.jpg)\n\n### Step 2\n\n![Step 2](https://i.imgur.com/XWWW9of.jpg)\n\n### Step 3\n\n![Step 3](https://i.imgur.com/O67fMA9.jpg)\n\n\n## Who is it For? \n\n\nThis paradigm lends itself well to any app that you would like to load very quickly. It is particularly well suited for mobile applications where you would like to reduce the size of the initial payload that your app needs to start running and show the first screen. All following screens, directives, controllers, etc. are loaded after the app has been bootstrapped.\n\n### What Can Be Lazy-Loaded?\n\n- Angular Services\n- Angular Directives\n- Angular Controllers\n- CSS Files\n- HTML Files\n\n\n### Code Base Requirements\n\n- AngularJS 1\n- Angular UI-Router\n- RequireJS\n\n\n## Definitions\n\n### Ng-Files\n\nAll files prefixed with `ng-` contain core Angular code.\n\n### Core Module\n\nThe Definition of a Core Module is two-fold:\n\n 1. A Module that the Angular App depends upon to be bootstrapped. A Core Module can be a Directive, a Controller or even a Configuration file.\n 2. A Module that is used in every/many view(s) of the application. Eg: an API module that handles communication between the server and the client.\n\n\n\n## Research\n\n - [Lazy Loading in AngularJS](http://ify.io/lazy-loading-in-angularjs/) - Ifeanyi Isitor\n - [angularAMD](http://marcoslin.github.io/angularAMD/) - Marcoslin\n - [Dynamically Loading Controllers \u0026 Views With AngularJS \u0026 RequireJS](http://weblogs.asp.net/dwahlin/dynamically-loading-controllers-and-views-with-angularjs-and-requirejs) - Dan Wahlin\n - [Dynamically Loading Directives in AngularJS the Easy Way](http://www.debuggerstepthrough.com/2014/11/dynamically-loading-directives-in.html]) - Gilly Barr\n - [Instant Dependency Management with RequireJs](http://www.amazon.com/gp/product/B00CXRTC1Q) - Book by Greg Franko\n - [Pro AngularJS](http://www.amazon.com/gp/product/B00CXRTC1Q) - Book by Adam Freeman","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ff1lt3r%2Fangular-require-lazyload-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ff1lt3r%2Fangular-require-lazyload-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ff1lt3r%2Fangular-require-lazyload-template/lists"}