使用yarn构建时，angular4页面加载非常慢
使用yarn构建时，Angular4页面加载非常慢可能是由于以下原因导致的：
- 依赖包下载速度慢：yarn是一个包管理工具，它会从npm仓库下载依赖包。如果你的网络连接较慢或者npm仓库的服务器响应速度较慢，会导致依赖包下载速度慢。可以尝试使用国内的镜像源或者加速工具来提高下载速度。
- 项目配置问题：Angular4项目的构建过程中，可能存在一些配置问题导致页面加载缓慢。可以检查项目的webpack配置文件，确保配置合理，例如合理使用代码分割、懒加载等技术来优化页面加载速度。
- 代码质量问题：如果项目中存在大量冗余代码、重复计算或者性能低下的代码，也会导致页面加载缓慢。可以使用性能分析工具来检测项目中的性能瓶颈，并进行优化。
- 网络传输问题：如果你的项目部署在远程服务器上，网络传输速度也会影响页面加载速度。可以考虑使用CDN加速、压缩资源文件等方式来优化网络传输速度。
对于解决以上问题，腾讯云提供了一系列的产品和服务来帮助优化页面加载速度：
- CDN加速：腾讯云的内容分发网络（CDN）可以将静态资源缓存到全球各地的边缘节点，提供快速的内容传输和访问速度。可以通过腾讯云CDN产品来加速页面加载速度。
- 云服务器：腾讯云的云服务器提供高性能的计算资源，可以部署和运行Angular4项目。可以选择适合项目需求的云服务器实例，提供稳定的计算能力。
- 云数据库：腾讯云的云数据库提供高可用、高性能的数据库服务，可以存储和管理项目中的数据。可以选择适合项目需求的云数据库产品，提供稳定的数据存储和访问能力。
- 云存储：腾讯云的云存储服务提供了可扩展的对象存储和文件存储能力，可以存储和管理项目中的静态资源和文件。可以选择适合项目需求的云存储产品，提供稳定的存储和访问能力。
- 人工智能服务：腾讯云提供了一系列的人工智能服务，如语音识别、图像识别等，可以帮助优化页面中的音视频处理和多媒体处理。可以根据项目需求选择适合的人工智能服务。
总结：通过使用腾讯云的CDN加速、云服务器、云数据库、云存储和人工智能服务等产品和服务，可以帮助优化Angular4页面加载速度，提供更好的用户体验。
参考链接：
- 腾讯云CDN产品介绍：https://cloud.tencent.com/product/cdn
- 腾讯云云服务器产品介绍：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库产品介绍：https://cloud.tencent.com/product/cdb
- 腾讯云云存储产品介绍：https://cloud.tencent.com/product/cos
- 腾讯云人工智能服务介绍：https://cloud.tencent.com/product/ai
相关·内容
我有一个Angular4应用程序，这是我建立和运行与纱线。请建议我哪些考虑因素可以优化性能。页面加载截图如下：如您所见，初始加载时间太长了。我怎么才能减少它。在索引页面上有登录页面
浏览 9提问于2017-08-30得票数 0
我已经创建了一个react应用程序，它现在与产品构建一起部署。serve -S build请帮忙..。
浏览 8提问于2022-07-06得票数 0
回答已采纳
我使用angular4来构建我的站点，如果使用锚标记href重新加载应用程序或页面，如果我使用routerLink属性作为angular4，则应用程序将更改页面而不重新加载页面或应用程序，比如ajax。此外，内容将从数据库加载，从wysiwyg编辑器加载，所以当用户单击链接时，我不能让站点重新加载。在这方面，我可以将事件url传
浏览 0提问于2018-01-08得票数 3
当我使用react构建一个页面时，我发现当构建javascript没有完成加载时，它会有一段时间是空白的。我猜构建包非常大，这使得它的加载非常慢。在这段时间内，页面保持空白，:)
浏览 0提问于2016-01-21得票数 0
2回答
我的项目使用nuxt.js和Firebase。我使用nuxt/Firebase包。我有很多使用asyncData或fetch从Firebase数据库和存储中获取数据的页面，例如博客帖子，分类广告等。所有的工作都很好，我使用nuxt head属性添加了元标签。但是，在显示任何内容之前，页面加载时间超过5秒。我尝试将我的一些页面包装在客户端标签中，这些页面与经过身份验证的用户相关，SEO不需要这些页面，但我没有
浏览 5提问于2021-01-06得票数 3
3回答
在MAMP的基本安装上，我正在本地构建一个使用CodeIgniter的应用程序(MacBook Pro、Core2Duo 2、26 GhZ、4GBRAM)。我的问题是，当我重新加载一个页面时，它会加载非常慢的，甚至比我在web服务器上加载的速度还要慢。
奇怪的是，它只在重新加载页面时加载缓慢，而不是当我单击应用程序本身的链接时。
浏览 2提问于2011-12-09得票数 29
回答已采纳
我在Angular4工作，我正在使用Webpack安装程序来构建应用程序。我想在我的项目中使用jQuery，所以我用谷歌搜索了一下，找到了关于Webpack提供的全局加载模块的ProviderPlugin。然而，我面临的问题有点奇怪；第一次加载页面时，页面运行良好，所有与jQuery相关的代码都运行正常，但是当我更改页面或路由时，jQuery失去了它的功能，随后的页面也无法按预期工
浏览 11提问于2017-12-18得票数 0
例如，在/加载登陆页，然后单击指向/foo的链接即可加载foo页面。yarn run v1.21.1
$ /home/vagrant/apps/agency-studio/ep/ep-website/nod
浏览 2提问于2020-02-20得票数 1
回答已采纳
1回答
我在头文件中添加了一个名为/files的新路由，我不知道为什么当我想要返回home时要花很长时间来加载数据。包含数据的端点有点慢，但我相信如果我在我的pages/index getInitialProps中调用它，它在开始时加载到服务器中的数据，我是对的？Nav> </Navbar> );}
exp
浏览 28提问于2020-03-22得票数 0
自从MUIv5.0.0-rc.1推出以来，除了v4.12.3之外，v4的所有文档页面似乎都消失了。
浏览 15提问于2021-09-16得票数 2
回答已采纳
1回答
因此，我尝试使用tmdb api获取热门电影和电视节目，然后尝试获取它们的imdb id，但页面在几秒钟内呈现，这太慢了。我想知道是否有方法可以优化我的代码，或者问题是否出在api调用上。}).catch(err=>console.log(err)); });渲染页面有时需要
浏览 2提问于2020-05-23得票数 0
我使用webpack来生成包含散列的js构建文件。我的笔记本电脑是MacbookPro 2019年。
浏览 0提问于2021-07-14得票数 0
2回答
动态图像加载
、、、
我有一个页面，其中列出了用户，每个用户都有一个个人资料图像。页面加载非常慢，因为所有的配置文件图像都已加载。有没有办法只加载可见的配置文件图像，然后动态加载其他配置文件图像，就像用户向下滚动页面时显示的那样？和/或动态构建CSS样式块是更好的方式吗？
浏览 2提问于2011-04-22得票数 2
回答已采纳
2回答
我的项目用户angular version7，下面是angular.json配置
当我为产品构建时，我的main.js文件太大了，接近12MB大小，这使得我的应用程序加载页面非常慢。几乎初始加载需要4-5分钟这是我的分析器结果
提前感谢
浏览 3提问于2019-04-23得票数 9
回答已采纳
./RUN yarn --frozen-lockfile
COPY nodemon.json ./
ENTRYPOINT ["/sbin/tini", "--"]
我就是这样建造的：
docker build --rm我
浏览 3提问于2021-01-27得票数 8
回答已采纳
我有3个angular4应用程序。我想加载app1基本上作为首页应用程序，所以当你转到www.myurl.com时，你就会进入app1。在该启动页面中，用户可以看到两个按钮选项。让事情变得更复杂的是，我想让app2加载到与应用1完全相同的url下，然后让app2加载到www.myurl.com/admin下。我附上了这是如何工作的图像。我的问题是。使用angular4可以做到这一点吗？我找不到任何资源来解释如何做到这一点，所以任何关于如何做到
浏览 11提问于2017-08-17得票数 0
回答已采纳
2回答
我正在使用asp.net mvc框架。在我的应用程序中，我希望有一个母版页和多个子页。如果加载了任何一个页面，所有的子页面都应该加载。假设我有4个子页面，我希望有链接1 2 3 ..在母版页中。如果我点击任何一个链接，相关页面必须立即可用，而无需向服务器请求页面。
有谁能帮上忙或说出最好的方法是什么?？
浏览 1提问于2009-11-01得票数 0
回答已采纳
1回答
我已经创建了一个.net核心5 web应用程序，它可以与server对话。我在从Kestrel服务器获得正确的响应时间方面有问题。我的数据库调用在不到一秒钟的时间内完成，控制器试图将数据传递给视图。在这里，请求平均挂起7秒，而有效负载仅为195 It。性能窗口Chrome
从控制器调用堆栈
浏览 1提问于2021-06-14得票数 1
回答已采纳
一些使用宏的页面如下所示：加载速度非常慢。有没有办法通过ajax异步加载这个页面，而不是在初始页面加载时使用这个块？
浏览 0提问于2010-02-19得票数 2
回答已采纳
用户每天都在使用它，当我发布更新时，当用户返回到web应用程序时，他/她会查看web应用程序的旧版本。他需要刷新浏览器才能加载新版本。我该如何解决这个问题？我不能让数百个用户在每次发布更新时都刷新页面(一周3-4次)。我使用以下代码来构建我的前端应用程序: Angular4 with angular-cli
浏览 1提问于2017-06-23得票数 18
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
