在美国就地安置订单的高峰期，94%的人口受到影响。 虽然限制已经放松，美国人仍然选择留在家里安全，并在网上购物。 随着假日季的临近，各种企业都在迅速试图找出最好的解决方案，以创建一个卓越的在线购物体验.
为您的网站选择合适的技术堆栈(专为性能而构建的堆栈)至关重要，绝非易事。 企业必须为其业务选择合适的电子商务平台，CDN和前端。 我们已经比较了Shopify，Magento 2和Salesforce Commerce Cloud平台以及领先的CDN。 在本文中，我们将重点介绍现代前端的性能: Angular，Next.js，Nuxt.js，React和Vue.js。 我们很快发现Nuxt.js是该软件包的领导者，紧随其后的是Vue.js和Next.js。 请继续阅读我们的详细调查结果。
React (反应)，Angular (角度)，Vue.js，Next.js，Nuxt.js–它们如何比较？
这是测试文本，单击 “编辑” 按钮更改此文本。
我们分析了运行Angular，Next.js，Nuxt.js，React和Vue.js的近2，000个高流量网站的子集的移动Lighthouse 6分数，以揭示哪台前端提供最快的网站。 我们很快就发现，前台的灯塔平均得分是24分，中位数是19分。 虽然这听起来可能很低，但实际上比美国领先的500家互联网零售商的平均业绩得分高出26%(按收入划分)。
Nuxt.js和Vue.js网站竭力提供速度最快的网站。 Nuxt.js研究中心的Lighthouse评分平均为27分，中位数为22分，Vue.js研究中心的平均值为27分，但中位数较低，为20分。 尽管Vue.js有几个令人印象深刻的离群值，但Nuxt.js被证明是交付加载速度最快的网站的最可靠框架。
排在第三位的是Next.js,平均成绩为23分，中位数为19.5。 Angular网站的平均值为23；然而，Angular网站的性能得分分布更加多样化，中位值低于18。 性能最差的前端反应令人惊讶。 它的平均Lighthouse分数为22分，中位数为18分，尽管它拥有一些电子商务中最大的品牌，包括亚马逊和Groupon。
“我们的网站是我们品牌的门户，它需要以最佳性能推动转化率和收入。 有了Edgio应用程序平台，我们的网站现在快如闪电，我们的发布版本更容易推出。”
Joe Schmo -软件开发人员
Nuxt.js是最快的电子商务网络框架
Nuxt.js是一个基于Vue.js，Node.js，webpack和Babel.js的开源无服务器框架，旨在快速构建快速，复杂的同构应用程序。 此框架的优点包括自动代码分割，页面缓存和预取。 Layer0很荣幸能成为Nuxt.js的赞助商，帮助推广现代开源框架，以促进更快的Web。 目前,Nuxt.js在GitHub上有29.4K颗星。
使用Next.js的网站的Lighthouse平均评分为27分，比前端的平均评分高出一个点。 Nuxt.js研究中心的中位评分降至22分，表示分布呈正偏态。 按百分位数计算，35分表示第75百分位数，49分表示第90百分位数。 与其他框架相比，此框架的分数差异较小，表明其能够始终提供接近平均水平的Lighthouse性能分数。 然而，这些数据也告诉我们,Nuxt.js网站没有被发现提供极高或接近完美的分数(在90年代)，如Vue.js或Angular网站等框架，这些内容将在接下来的章节中讨论。
重工业和工程是Nuxt.js网站速度最快的类别，平均性能评分为37分，比其框架的平均得分快42%。 除分类之外,Nuxt.js网站速度最快的是Appycouple.com，NJtransit.com和WPS.com，分别有68，63和48分。 trivago.com，TrueandCo.com和Garmin.com的表现也超过了框架的平均值，分别为47，36和35分。 任天堂的平均得分是20分，而低于10分的是Nespresso.com和DolceVita.com。
了解Edgio应用产品以获得更好的性能
应用程序
减少延迟，提高性能
性能
实时响应实时聊天应用程序或游戏的数据。
Vue.js将成为亚军
Vue.js是一个用于构建单页应用程序的开源JavaScript框架，自2014年推出以来，该框架在6年中迅速普及。 它在GitHub上拥有超过171,000颗星星，使其成为最受欢迎的现代框架。 它的主要优势在于它允许开发人员快速构建快速增长的JavaScript应用程序。 它与Angular非常相似，它的反应是轻量化，可为大型应用提供强大的布线解决方案。
Vue.js网站的性能得分第二高，平均得分为27分，中位得分为20分，其中一半网站的得分高于和低于20分。 按百分位数计算，75%的Vue.js网站的性能评分为34分或以下，90%的网站的性能评分为55分或以下。
这个领域中最快的网站类别是那些爱好和休闲，平均分37分，包括尼康和富士电影。 此类别的表现比平均的Vue.js网站好37%。 排名前3位的Vue.js网站是PaintScratch.com，iMobie.com和EmmaOneSock.com，分别评分为96，93和92分–接近完美的性能分数。
排名下降后，数据显示FactoryChryslerParts.com得分68分，In-n-Out.com得分61分，Poshmark.com得分53分，LouisVuitton.com得分34分—均超过Vue.js平均值。 不太令人印象深刻的是Sunglasshut.com，WestElm.com，Anthropologie.com，UrbanOutfitters.com和Chewy.com，提供了10 -15的低分数。 Chipotle，Subaru和BMW的表现更差，得分低于10分。
“亮点引语”
Joe Schmo -软件开发人员
Angular取得第三名，有几个近乎完美的分数
Angular是Google在2010年创建和开发的最古老的框架，在GitHub上拥有超过65,000颗星星。 它是计划快速扩展其网站的大型企业网站的热门解决方案，因为Angular以更复杂的应用程序而闻名。
Angular网站的平均性能评分为23分，中位值为18分，表明分布呈正偏斜。 75%的Angular网站的Lighthouse分数为30分或以下,90%的网站的分数为50分或以下。 在分类层面上，卫生网站在该框架中表现最佳，平均评分为28分。 其中一些健康网站包括CVS.com，VitaminShoppe.com，LifetimeFtiness.com和Plexus.com。
Deichmann.com，MegaBus.com和ShopStyle.com是Angular网站排名前3位的网站，分别获得98，95和83分。 只有另外两个网站在性能方面排名第5位，它们是Cat.com (一家功能强大的机器和发动机公司)和AerLingus.com (一家航空公司)。
一些高于平均分的Angular网站包括Android.com的51分，Expedia.com的44分，PepsiCo.com的42分和Lamborghini.com的31分。 接近Angular的平均总Lighthouse得分的是Sears 26分，Gamefly.com 25分，BaskinRobbins.com 19分，Disney.com 18分，CocaCola.com 17分。 仅低于平均值的品牌包括Xfinity和Patagonia等品牌，得分分别为15和14分。 最后，数据显示有三家航空公司是最慢的Angular网站：Delta at 3，Frontier at 2和Spirit at 1。
next.js比平均性能得分低8%
next.js是一个开放源代码的基于React的同构框架，用于服务器端呈现的应用程序，在GitHub上拥有超过52,000颗星。 为了确保快速加载页面,Next.js会自动分割代码，并在服务器收到新请求时动态生成HTML。
此框架上的网站的Lighthouse性能平均得分为22分，比平均得分低8 %。 数据显示,50%的Next.js网站的得分低于20分,75%的得分低于30分,90%低于43分。 绝对，旅游和旅游网站的Nepton.js表现最佳，灯塔队的平均得分是29。 而最快的三个Next.js网站是Bartleby.com，Kelloggs.com和Holidayinnclub.com，分别得分89，73和75。
RetailMeNot.com和HermanMiller.com分别超过其Frameworks平均Lighthouse得分至少21 %，而Sears.com，AlexanderMcQueen.com，Ticketmaster.com和RedRobin.com的平均得分分别为26，23，22和22。 一些性能不佳的大型公司包括EddieBauer.com，TragerGrilles.com，Bonobos.com和Smirnoff.com，得分在10 -15之间。 YankeeCandle.com，ProFlowers.com，LiveNation.com，23andMe.com，Gymboree.com， Dior.com和Farri.com的低Lighthouse得分低于10。
React拥有令人印象深刻的品牌，但得分并不令人印象深刻
React是由Facebook在2013年开发的开源JavaScript库。 与本文中介绍的其他框架不同,React不是一个框架，而是一个UI库，用于快速轻松地构建用户界面或UI组件。 它是最成熟的前端之一，也是GitHub上最受欢迎的项目之一，截至本博客发布之日，它拥有超过155,000颗星。
Facebook表示，稳定性对他们至关重要，因为Twitter和Airbnb等大型公司使用React。 有趣的是，性能不是优先级。 数据显示React网站的平均Lighthouse得分为22分，比总体平均框架得分低8 %。 它的中位数为18，75%的网站的得分低于29，90%低于40。
服装，配饰和鞋子是React域中所占份额最大的类别，但Lighthouse平均得分最高的类别是Mass Merchant，包括Walmart，Wayfair，Ashley Stewart，Nordstrom， Kroger，Sam’s Club，Groupon和Overstock。 除类别外，排名前3的React网站将historicrail.com (亚马逊拥有)排名为98，historicaviation.com (亚马逊拥有)排名为91，flipkart.com排名为74。
其他一些超过图书馆平均水平的大名是亚马逊57，VRBO 49，Priceline 47，Wayfair 39，Lowes 33和Netflix 31。 接近图书馆平均分的名字有:Target为25分,Sur La Tab和StitchFix为24分,Gap和Glossier为21分,Victoria’s Secret为20分,Crate和Barrel为19分。 业内最大的输家有23andMe.com 9，Best Buy和Tory Burch 8，ProFlowers 6和Dior 3。
底线
Google Lighthouse已成为许多电子商务企业衡量其网站性能的实际工具。 高性能得分表示您的网站加载速度快，最重要的是满足用户期望。
网站速度比以往任何时候都更重要，因为在这种流行病期间，各地的消费者都会上网，以避免商店拥挤。 网站性能可能会因您使用的框架而发生显著变化，从而极大地影响用户体验。 通过分析现代前端框架上近2，000个高流量网站的Lighthouse性能得分，我们发现哪种框架提供最快的速度。
Nuxt.js网站运行速度最快，平均Lighthouse性能评分为27分，中位数为22分。 Vue.js的平均成绩为27分，中位数为20分，获得亚军。 Angular和Next.js网站的平均分为23分，但Angular的中位数较高，这使得它成为了第三快的框架。 最后，React虽然是最受欢迎的框架，但性能得分最低，平均Lighthouse得分为22。
