javascript - 在 DOM 之后加载 Angular 数据

标签 javascript angular

我正在寻找一种方法,通过加载随后显示主 DOM 不需要的内容来加速我的网站。 我的网页正在加载 2.8MB 的资源,实际传输了 879kB。 (gzip) 我知道可以仅加载所需的组件,但如果这样做,在用户单击指向另一个组件的任何链接后,我会遇到同样的问题。 基本上我想做的是加载我的主要组件并立即显示 DOM。 加载 DOM 后,我想像往常一样加载其他组件。 有没有 NPM 包可以做到这一点? 如果没有,我如何实现我的愿望?

最佳答案

使用延迟加载模块仅在需要时加载它们。它将大大减少包的大小:

https://angular.io/guide/lazy-loading-ngmodules

应用程序应拆分为单独的模块,并修改路由以不急切地加载它们

关于javascript - 在 DOM 之后加载 Angular 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58135712/

相关文章:

javascript - 我怎样才能在 Angular 中做到这一点?

javascript - 从没有 API 的网站获取数据/创建 API

spring - Angular2 通过 Basic Auth 访问 REST 抛出 "Response for preflight has invalid HTTP status code 401"

Angular ServiceWorkers + MIME 类型错误

angular - 使用 Chrome 的 Docker 镜像进行 Karma 测试

javascript - MVC字数限制

javascript - Ajax 在 Django View 中返回空字符串

javascript - 如何在 jQuery 中对随机 div 顺序进行排序?

angular - 构建 Angular 应用程序并放置在服务器上

javascript - 将 Bootstrap 主题/模板添加到 Angular 应用程序