文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在Angular 6中减少polyfills脚本的初始负载？

问如何在Angular 6中减少polyfills脚本的初始负载？
EN

Stack Overflow用户

提问于 2019-05-12 22:18:13

回答 2查看 1.8K关注 0票数 3

我正在尝试减少我的angular (Angular 6)应用程序的页面初始负载。我已经延迟加载模块，缩减js和css，将"--prod -- build -optimizer --aot“标签添加到我的构建脚本中，但没有找到任何解决方案来减少"polyfills”脚本的执行时间。我使用"Chrome Audit“工具来查看页面性能。

提前感谢

polyfills

angular

typescript

pagespeed

回答 2

Stack Overflow用户

发布于 2019-05-13 07:56:19

您可以做的另一件事是在ng构建中使用--vendorChunk=true|false参数。这将创建一个单独的包，其中只包含供应商的库。

e.g. "ng build --prod --buildOptimizer --aot --vendorChunk"

参考：https://angular.io/cli/build

票数 1

Stack Overflow用户

发布于 2019-05-12 22:22:00

也许值得关注一下Angular 8s即将发布的“差异加载”特性。这将允许只加载用户特定浏览器所需的polyfills (对于大多数现代的常绿浏览器来说，这意味着:非常少)。

在它发布之前，这里有一篇关于这个主题的文章(众多文章中的一篇)：https://dev.to/lacolaco/differential-loading-a-new-feature-of-angular-cli-v8-4jl

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56103915

复制

手动优化WDCP提高速度减少负载负载

apache 云服务器

小编发现很多同学在使用阿里云服务器搭建PHP网站的时候会用到WDCP面板，用WDCP面板大家最为关注的就是WDCP所占用的内存，很多童鞋说目前最新版本的WDCP面板比较占用系统资源，尤其是占用内存较大。那么对于小内存的服务器和VPS我们该如何来优化WDCP所占用的系统资源呢？

用户1191760

2019/02/27

1.4K0

2020前端性能优化清单（三）

https 网络安全 github git 开源

最好先了解你要处理的内容。盘点出所有资源的清单（ JavaScript 、图片、字体、第三方脚本和页面上开销较大的模块，例如轮播、复杂的信息图和多媒体内容），然后将它们按组细分。

WecTeam

2020/04/30

2.2K0

2020前端性能优化清单（三）

网络安全 https github git 开源

桃翁

2020/05/06

2.1K0

Creator优化心得：减少脚本文件的大小

android javascript 打包官方文档

星期2是公众号更新的一个时间点，Shawn这几天情事太多，眼看就快要过12点了，公众号教程看来今天黄呀！但是不发晚上睡不着呀，看来我是中了得到罗胖的毒“死磕自己”，一定要把公众号给发了。还好之前留着大神Colin的一些文章，还没在公众号上推送过，我立马读了一下，任然有不少收获，现将这篇文章分享给大家，在此感谢Colin！

张晓衡

2019/09/11

1.4K0

Ionic4兼容IE浏览器处理

angularjs

在一般场合，Ionic4运行在手机端，没必要去兼容IE，但还是可以了解一下，以免有这样的需求。 Ionic4，它更趋向于一个UI框架，然后可配套Angular、React、Vue等框架使用。以Angular版本为例，兼容IE浏览器，主要是JS+CSS的语法和用法的调整处理。

IT晴天

2019/03/01

1.5K0

angular-cli.json配置参数解释，以及依稀常用命令的通用关键参数解释

json cli 配置

一. angular-cli.json常见配置 { "project": { "name": "ng-admin", //项目名称 "ejected": false // 标记该应用是否已经执行过eject命令把webpack配置释放出来 }, "apps": [ { "root": "src", // 源码根目录 "outDir": "dist", // 编译后的输出目录，默认是dist/ "assets": [ // 记录资源文件夹

喝茶去

2019/04/16

1.7K0

Angular实战之使用NG-ZORRO创建一个企业级中后台框架（进阶篇）

编程算法 typescript https 网络安全 angularjs

　　上一篇文章我们讲了如何在创建的Angular项目中快速引入ng-zorro-antd企业中台组件库，并且快速构建后台管理页面框架模板。这一章主要介绍的是如何在创建好的后台管理页面框架的快速生成NG-ZORRO相关的组件，并且介绍Angular相关目录结构、生命周期函数，路由配置和使用相关知识点，以及如何使用Angular CLI使用一行代码快速添加Angular应用的新功能。让你快熟的构建一个属于自己的NG-ZORRO后台管理框架，注意我们的前端代码的编写全部都是在VS Code上面编写。

追逐时光者

2020/12/31

4.1K0

如何使用Angular CLI和PM2运行Angular应用程序

javascript node.js bash https bash 指令

Angular CLI是Angular框架的命令行界面，用于在开发过程中在本地创建，构建和运行应用程序。

知忆

2021/06/24

2.3K0

如何在编码阶段减少代码中的bug？

打包 gcc 编程算法 c++https

静态分析工具能够在代码未运行的情况下分析源代码，发现代码中的bug。在C/C++程序中，静态分析工具可以发现程序错误，如空指针取消引用、内存泄漏、被零除、整数溢出、越界访问、初始化前使用等。

嵌入式与Linux那些事

2022/04/08

1.4K0

Angular 6正式版发布，都有哪些新功能

angularjs json rxjs https

在Angular 5发布半年之后，Angular 6在昨天正式发布，那么在这个版本有哪些新功能呢？新版本重点关注工具链以及工具链在 Angular 中的运行速度问题。除此之外，这次更新还包括框架包（@angular/core、@angular/common、@angular/compiler 等）、Angular CLI、Angular Material + CDK等。

xiangzhihong

2022/11/30

4.3K0

Angular 应用是怎么工作的？

angularjs javascript html typescript

Angular 应用的启动基于 angular.json 文件。这个不是应用的入口文件，而是应用的启动文件。

Jimmy_is_jimmy

2022/04/15

1.5K0

Angular8稳定版修改概述

打包 api 网站 angularjs

在今天早些时候Angular团队发布了8.0.0稳定版。其实早在NgConf 2019大会上，演讲者就已经提及了从工具到差分加载的许多内容以及更多令人敬畏的功能。下面是我对8.0.0一些新功能的简单介绍，希望可以帮助大家快速了解新版本。

寻找石头鱼

2019/08/20

4.6K0

如何在Hue中配置Impala的负载均衡

负载均衡负载均衡缓存 hadoop

在前面的文章Fayson介绍了《如何使用HAProxy实现Impala的负载均衡》、《如何使用HAProxy实现Kerberos环境下的Impala负载均衡》和《如何使用Nginx实现Impala负载均衡》。本篇文章主要基于Haproxy方式实现的Impala负载均衡在Hue中配置Impala服务的负载均衡。

Fayson

2018/03/29

3.4K1

Angular系列教程-第五节

angularjs javascript npm bash

1.模块 NgModule 是一个带有 @NgModule 装饰器的类。 @NgModule 的参数是一个元数据对象，用于描述如何编译组件的模板，以及如何在运行时创建注入器。它会标出该模块自己的组件、指令和管道，通过 exports 属性公开其中的一部分，以便外部组件使用它们。 NgModule 还能把一些服务提供商添加到应用的依赖注入器中。 NgModule 的元数据会做这些：声明某些组件、指令和管道属于这个模块。公开其中的部分组件、指令和管道，以便其它模块中的组件模板中可以使用它们。导入其它带有组件、指令和管道的模块，这些模块中的元件都是本模块所需的。提供一些供应用中的其它组件使用的服务。每个 Angular 应用都至少有一个模块，也就是根模块。你可以引导那个模块，以启动该应用。

苦咖啡

2020/04/21

2.9K0

点击加载更多

相似问题

减少RichFaces脚本和样式负载

Angular 2非cli添加polyfills.ts

必须更改SQL脚本以减少SQL Serverload负载

Angular11 + webcomponents/polyfills + IE11 == nojoy

减少PHP IO负载

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问如何在Angular 6中减少polyfills脚本的初始负载？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

减少RichFaces脚本和样式负载

Angular 2非cli添加polyfills.ts

必须更改SQL脚本以减少SQL Serverload负载

Angular11 + webcomponents/polyfills + IE11 == nojoy

减少PHP IO负载

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Angular 6中减少polyfills脚本的初始负载？EN

回答 2

Stack Overflow用户

Stack Overflow用户

减少RichFaces脚本和样式负载

Angular 2非cli添加polyfills.ts

必须更改SQL脚本以减少SQL Serverload负载

Angular11 + webcomponents/polyfills + IE11 == nojoy

减少PHP IO负载

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Angular 6中减少polyfills脚本的初始负载？
EN