Next.js <镜像/>组件在Netlify上很慢，在Vercel上很快
Next.js是一个基于React的开源前端框架，用于构建高性能、可扩展的Web应用程序。它提供了许多优秀的特性，如服务器端渲染、静态网站生成、自动代码拆分等，使开发者能够更高效地构建现代化的Web应用。
镜像组件是Next.js中的一个重要概念，它允许开发者在构建和部署过程中使用预先构建好的镜像，以加快应用程序的加载速度和性能。镜像组件可以包含静态资源、页面数据和其他必要的文件，使得应用程序在部署时可以更快地启动和运行。
在Netlify上使用Next.js的镜像组件可能会导致较慢的加载速度，这可能是由于Netlify的服务器配置或网络环境等因素导致的。为了解决这个问题，可以尝试以下几个方法：
- 优化镜像组件：检查镜像组件中是否包含过多的不必要文件或资源，可以通过减少文件大小、压缩资源等方式来提高加载速度。
- 使用CDN加速：将镜像组件部署到使用CDN（内容分发网络）的服务商上，可以通过就近访问节点来加速内容的传输和加载。
- 调整Netlify的配置：检查Netlify的配置选项，例如缓存策略、压缩设置等，以确保最佳的性能和加载速度。
相比之下，Vercel是一个专注于前端开发的云平台，它提供了与Next.js紧密集成的服务。在Vercel上使用Next.js的镜像组件往往会获得更快的加载速度，这是因为Vercel针对Next.js进行了优化，并提供了高性能的全球 CDN 加速。
总结起来，Next.js的镜像组件在Netlify上加载较慢可能是由于服务器配置或网络环境等因素导致的，可以通过优化镜像组件、使用CDN加速或调整Netlify的配置来改善。而在Vercel上使用Next.js的镜像组件往往会获得更快的加载速度，因为Vercel专注于前端开发并提供了与Next.js紧密集成的优化服务。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云镜像仓库：https://cloud.tencent.com/product/tcr
- 腾讯云CDN加速：https://cloud.tencent.com/product/cdn
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云全球应用加速（Global Application Acceleration，GAA）：https://cloud.tencent.com/product/gaa
相关·内容
我有一个相对简单的Next.js应用程序，正在使用Next.js的<Image />组件渲染两个小图像，如下所示： <Row className="justify-content-center m-0(每个大约50Kb )在开发过程中没有时间加载，但在Netlify上部署时却花费了大量的时间(高达4s!!)。完全相同的repo，部署到Vercel，可以在任何时间内渲染图像。值得一提的是，在Vercel和Ne
浏览 23提问于2021-04-01得票数 6
这是我的存储库的一个链接，用来演示这个问题：https://github.com/jonathanwelton/nextjs-custom-error-test 我试着在Next.js中使用一个自定义的_error页面，当你访问/throw (一个抛出错误的页面)时，它在本地生产构建(npm run build && npm start)上工作，但在部署应用程序时，Netlify和Vercel都不会尊重它我只收到一个堆栈跟踪，您可以在这里看到：https:&
浏览 46提问于2021-06-16得票数 0
但是，Vercel提示我通过命令行(在循环CI中)登录，我无法访问这些命令行。似乎，对于Netlify，我可以添加环境变量，即NETLIFy_AUTH_TOKEN和NETLIFY_SITE_ID，而Netlify将自动获取这些变量。我也想在Vercel实现这一点。CircleCI上的输出在.circleci/config.yml中 name: "deploy to vercel
浏览 9提问于2022-03-02得票数 1
2回答
destination: "/coming-soon", }, },它确实在我的机器上工作，即使我构建了这个应用程序，但是在netlify上，由于某种原因根本没有重定向。
浏览 7提问于2021-11-24得票数 0
回答已采纳
我开发了一个Next.js应用程序，在我的本地机器上运行得很好。我正试图在Vercel上部署我的应用程序，但它一直向我抛出错误Cannot find module '@next/env'，如下所示。我想是因为next-sitemap包的缘故。我已经检查了我的节点模块，并且在env文件夹中没有@next文件或文件夹。我也研究过，但没有找到任何解决办法。
我也尝试过在Netlify上部署我的应用程序，它也会引发同样
浏览 3提问于2021-06-23得票数 5
1回答
我有Next.js web应用程序托管在Vercel上，它的数据库位于Mongo 上。我的目标是评估成本、速度和便利性。Next.js可以通过将这些文件放置在与网站itslef相同的文件夹中来提供静态文件。话虽如此，提供来自下一个或蒙古族的图像更快吗？
而且，从成本的角度来看，芒果也不是免费的。
浏览 3提问于2020-07-22得票数 0
博士:我有一个下一个js网站，它正在所有的vercel域(生产和预览域)上工作。当我尝试使用自定义域时，它们返回的页面如下所示：
Custom域：GH回购：
nameservers.Deleting 通过一个A记录指向该域，并使用整个vercel项目的domain.Redeploying，并尝试将again.Pointing的一个子域放到应用程序上<
浏览 5提问于2022-07-03得票数 0
1回答
Netlify不允许你部署一个网站，除非有一个index.html文件。当我创建next-next-app时，Nextjs没有为我设置一个。有人知道怎么解决这个问题吗？
浏览 13提问于2021-02-20得票数 0
我想使用next.js和mongodb数据库创建一个CRUD web应用程序，然后托管在netlify上。
我们能做到吗？或者，如果这是不可能的，那么我提到的三件事(next.js、mongodb、netlify)是否有一个替代方案，使之成为可能？或者，如果这也不起作用，是否有一个解决方案让我能够使用javascript创建CRUD web应用程序，然后托管在netlify上？我试着查看netlify上</e
浏览 6提问于2022-11-13得票数 -1
我一直试图在Netlify和Vercel上运行下面的CSS布局项目，错误显示为404，vercel的 bulid显示了"Build“projuct，在本地主机VSC上运行Go Live选项时没有问题。
浏览 2提问于2022-11-07得票数 0
回答已采纳
qa (initialize.ts:66:25) at firebaseConfig.ts:19:14我在部署在netlify上的react.js站点的控制台中出现了这个错误。我已经检查了在环境变量中输入的API键三次，但它只是不起作用。API键在我的机器上本地工作正常，因此它似乎是netlify的一个问题。
浏览 12提问于2022-04-08得票数 1
回答已采纳
3回答
我知道Next.js是前端的，但是当我使用next.js的API时，它可以响应和管理路由或任何关于后端的事情。然后我想知道"Next.js应用程序接口是后端的?“
浏览 20提问于2020-07-02得票数 12
我正在尝试将一个React应用程序部署到Netlify，但在部署过程中，我遇到了以下错误：9:11:17 AM: ───────────────────────────────────────code 1: npm run build9:11:17 AM: Error location
9:11:17 AM: In Build command from Netlify
浏览 17提问于2022-01-28得票数 0
1回答
我有一个场景，我想使用NextJS构建一个应用程序，该应用程序将部署在mikrotik路由器板上。
在这种情况下，我需要通过路由板同时提供后端和前端服务。我现在的问题是，我有没有可能生成所有通过NextJS构建的代码(后端和FrontEnd)，并在我选择的任何操作系统上本地部署所有代码，而不需要通过Vercel。
浏览 3提问于2021-02-25得票数 1
2回答
如何在存储在Vercel上的NextJS应用程序中从一个url到另一个url进行301个重定向？我尝试使用server.js文件添加自定义快速服务器，但是re方向只在本地工作，然后我在Vercel上读到：“定制服务器不能部署在Vercel上，平台Next.js是为之而设的”。有没有办法做301重定向，并仍然主持我的应用程序上的Vercel？
浏览 5提问于2020-08-17得票数 2
我是一个Fron，为我的公司建立一个Nextjs网站，我们有10多个登陆页面，大约30到40个动态页面。我应该把资产存放在本地还是其他地方？如果你想在别的地方储存，你能给我推荐一个吗？
浏览 12提问于2022-11-25得票数 -2
我正在构建一个部署在vercel上的next js网站。 我做了一个通过nodemailer发送邮件的next.js api /api/contact。当我在我的pc上尝试代码时，它工作得很好，但是当我上传到vercel (与github集成)时，我在控制台中得到一个/api/contact的"404 failed to load resource“，要让next.js应用程序接口<e
浏览 102提问于2021-07-12得票数 0
1回答
是否可以将Vercel子域指向next.js页面，而不是指向git单独的分支？我尝试在我的Vercel域subdomain.com上配置a.subdomain.com，我只想返回一个next.js页面，但Vercel坚持我指向一个git分支。我可以添加一个通配符子域并在前端应用程序中处理路由，但我不认为像react-router这样的路由器提供带有子域的路由解决方案，因为子域是浏览器历史api的限制 在next.js应用程序的子域下放
浏览 22提问于2020-11-04得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
