\n\nI updated to Nuxt UI 3 and deployed it on June 30, and from the next day onwards, my rankings have plummeted.\n\n\u003Cimg width=\"1340\" height=\"395\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/4f1af322-2237-4f74-853a-6c7fa6b7fd9e\" />\n\n\u003Cimg width=\"458\" height=\"385\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/273c66c7-333f-413f-9deb-435d2c293efa\" />\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3033,3036,3039],{"name":3034,"color":3035},"bug","d73a4a",{"name":3037,"color":3038},"v3","49DCB8",{"name":3040,"color":3041},"triage","ffffff",4507,"ui","Significant SEO and LCP Performance Drop After Updating to Nuxt UI 3","2025-07-11T18:09:12Z","https://github.com/nuxt/ui/issues/4507",0.70758563,{"description":3049,"labels":3050,"number":3055,"owner":3024,"repository":3024,"state":3025,"title":3056,"updated_at":3057,"url":3058,"score":3059},"### Environment\n\n- Operating System: Darwin\r\n- Node Version: v18.16.0\r\n- Nuxt Version: 3.7.4\r\n- CLI Version: 3.9.0\r\n- Nitro Version: 2.6.3\r\n- Package Manager: npm@9.5.1\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\n\n### Reproduction\n\nReproduction repository: https://github.com/rstainsby/nuxt-data-performance-issue.\r\n\r\nTo reproduce the issue:\r\n- Run the project `npm run dev`\r\n- Click the 'fast page' link at the top of the page and take note of the response time\r\n- Click the 'data load' link and wait for the response to be received (the page will show the status of the request)\r\n- Click the 'fast page' link again and note the response time\r\n\r\n\n\n### Describe the bug\n\nIt appears that `NuxtData`, the caching system utilised by `useFetch` and `useAsyncData` causes a significant drop in page load times, directly correlated to the size of the data being cached i.e. the bigger the cache the slower the response times.\r\n\r\nWhilst I would expect this to be the case when caching significantly large objects, it is surprising to see significant impact when 15MB and over is cached.\n\n### Additional context\n\nOn my machine, after following the reproduction steps, the initial response time is ~5ms and the second response time (after fetching 17MB of data) is now anywhere between 180 and 250ms for every page navigation, even on a page that is making 0 network requests and is only 20 lines of HTML.\r\n\r\nThis slow response time is resolvable by calling `clearNuxtData` and does not occur when using `$fetch`, which is what leads me to believe it is directly tied to `NuxtData`.\r\n\r\nThis issue does not occur if the `useFetch` is client-side only or if the page is rendered in SPA mode but will occur if the page is client-side rendered (navigated to after initial SSR) but has the SRR set to true.\n\n### Logs\n\n_No response_",[3051,3052],{"name":3021,"color":3022},{"name":3053,"color":3054},"performance","E84B77",23594,"NuxtData causes signficant increase in page render times","2024-06-30T11:07:19Z","https://github.com/nuxt/nuxt/issues/23594",0.7096835,{"description":3061,"labels":3062,"number":3066,"owner":3024,"repository":3043,"state":3025,"title":3067,"updated_at":3068,"url":3069,"score":3070},"### Environment\n\n\n- Operating System: `Darwin`\n- Node Version: `v22.13.1`\n- Nuxt Version: `3.17.3`\n- CLI Version: `3.25.1`\n- Nitro Version: `2.11.12`\n- Package Manager: `pnpm@10.10.0`\n- Builder: `-`\n- User Config: `devtools`, `ssr`, `modules`, `css`, `future`, `compatibilityDate`\n- Runtime Modules: `@nuxt/ui@3.1.1`, `@nuxt/eslint@1.3.1`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt UI\n\n### Version\n\n3.1.1\n\n### Reproduction\n\nhttps://github.com/meuschke/nuxt-ui-issue-slow-perf\n\n### Description\n\nHi Nuxt UI team,\n\nI'm encountering a significant performance issue when rendering a large number of UButton components in a Nuxt UI app.\n\n🐛 The Problem\nWhen rendering a list of 10,000 UButton components, and clicking one of them to render three \u003Cdiv> containers, there's a 4–5 second delay before the UI updates.\n\nUpon profiling the app using Chrome DevTools, I found that the bottleneck seems to be the flushJobs function from @vue/runtime-core, which takes an extreme amount of time to execute after the interaction. Please see the profiler screenshot below:\n\n\n\n🧪 Reproduction\nI've created a minimal example project to reproduce the issue:\n🔗 https://github.com/meuschke/nuxt-ui-issue-slow-perf\n\nThere's also a short video demonstrating the delay:\n\n\u003Cvideo src=\"https://github.com/user-attachments/assets/68a9d353-d491-4e5c-9b63-c98b79273253\" width=\"320\" height=\"240\" controls>\u003C/video>\n\n\n\n✅ Additional Context\nFor comparison, I recreated a similar UI scenario using shadcn-vue components, and there were no performance issues — the response was nearly instantaneous.\n\nThis makes me think the issue may lie within how Nuxt UI or its components interact with Vue’s reactivity system or lifecycle.\n\n🙏 Request\nCould someone from the Nuxt UI team take a look and advise on:\n\nWhy flushJobs is taking so long in this setup?\n\nIf there's a workaround or optimization path we can apply?\n\nWhether this is a known issue with UButton or the Nuxt UI component system in general?\n\nThanks in advance for your help!\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3063,3064,3065],{"name":3034,"color":3035},{"name":3037,"color":3038},{"name":3040,"color":3041},4154,"Performance Issue Rendering Large List of UButtons – flushJobs Extremely Slow","2025-05-15T08:47:19Z","https://github.com/nuxt/ui/issues/4154",0.7189664,{"description":3072,"labels":3073,"number":3077,"owner":3024,"repository":3043,"state":3078,"title":3079,"updated_at":3080,"url":3081,"score":3082},"### Environment\n\nI tested directly on the website https://ui.nuxt.com/components/pagination#total. \n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.3\n\n### Reproduction\n\nTested directly on the website https://ui.nuxt.com/components/pagination#total. \n\n### Description\n\nExamples for replication:\n1. When I set `page=5` and `total=5`, it only shows a button for page 1.\n2. When I set `page=5` and `total=90`, it only shows buttons up to page 9.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3074,3075,3076],{"name":3034,"color":3035},{"name":3037,"color":3038},{"name":3040,"color":3041},4291,"closed","`UPagination` seems broken","2025-06-05T10:47:26Z","https://github.com/nuxt/ui/issues/4291",0.69330126,{"labels":3084,"number":3091,"owner":3024,"repository":3024,"state":3078,"title":3092,"updated_at":3093,"url":3094,"score":3095},[3085,3088],{"name":3086,"color":3087},"enhancement","8DEF37",{"name":3089,"color":3090},"2.x","d4c5f9",8395,"Vue 3 support for Nuxt 2","2024-01-03T11:04:53Z","https://github.com/nuxt/nuxt/issues/8395",0.6984094,{"description":3097,"labels":3098,"number":3102,"owner":3024,"repository":3043,"state":3078,"title":3103,"updated_at":3104,"url":3105,"score":3106},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v22.16.0\n- Nuxt Version: -\n- CLI Version: 3.25.1\n- Nitro Version: -\n- Package Manager: bun@1.2.17\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nVue\n\n### Version\n\n3.2.0\n\n### Reproduction\n\nI guess even the Vue template https://codesandbox.io/p/devbox/nuxt-ui3-vue-4h5gqn has the issue.\n\n### Description\n\nWhen i load the website with Vite dev mode the page loads (both initial and after-initial or even HMR) loading is very slow because i guess that all the components gets loaded instead of just used ones.\n\n### Additional context\n\n\u003Cimg width=\"1920\" height=\"661\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/9f8f6192-bcab-4aa1-b05b-7271e85a3627\" />\n\n\n\n### Logs\n\n```shell-script\n\n```",[3099,3100,3101],{"name":3034,"color":3035},{"name":3037,"color":3038},{"name":3040,"color":3041},4489,"Very slow loading times because Nuxt UI loads every components even that i don't use anywhere in the app. (Vue)","2025-07-11T10:44:14Z","https://github.com/nuxt/ui/issues/4489",0.6995764,{"labels":3108,"number":3111,"owner":3024,"repository":3024,"state":3078,"title":3112,"updated_at":3113,"url":3114,"score":3115},[3109,3110],{"name":3021,"color":3022},{"name":3089,"color":3090},6508,"Since Nuxt 2.9.0, Nuxt is really slow. (Works perfect on 2.8.1)","2023-02-14T23:35:53Z","https://github.com/nuxt/nuxt/issues/6508",0.7006535,{"labels":3117,"number":3120,"owner":3024,"repository":3024,"state":3078,"title":3121,"updated_at":3122,"url":3123,"score":3124},[3118,3119],{"name":3021,"color":3022},{"name":3089,"color":3090},6279,"nuxt.js vuex performance compared to vue.js + vuex","2023-01-22T15:34:44Z","https://github.com/nuxt/nuxt/issues/6279",0.7041695,{"description":3126,"labels":3127,"number":3132,"owner":3024,"repository":3024,"state":3078,"title":3133,"updated_at":3134,"url":3135,"score":3136},"### Environment\n\nNuxt 3.10.4\r\nPrerendered sites\r\nHosted on Netlify\n\n### Reproduction\n\nMost live Nuxt websites have the same problem\n\n### Describe the bug\n\n(I've already posted in Github discussion the same problem https://github.com/nuxt/nuxt/discussions/25960, but now the new Web Vital is live, so i think it is quite severe)\r\n\r\nWe have a relatively new website built with Nuxt 3 and Storyblok as CMS.\r\nWe prerender almost all sites and we have really good real life user scores in all Google pagespeed metrics.\r\nBut the new metric INP (https://web.dev/articles/inp) is 233ms on mobile, which is not optimal (on desktop its around 100 so its okay).\r\n\r\n\r\n\r\nI've also looked at some other nuxt sites and https://nuxt.com/ for example has an INP of 604ms on mobile! (https://pagespeed.web.dev/analysis/https-nuxt-com/5nu8bd42xc?form_factor=mobile)\r\nOther cases with similar scores as us:\r\nOpenAI: https://pagespeed.web.dev/analysis/https-openai-com/nqi508yurn?form_factor=mobile\r\nEcosia: https://pagespeed.web.dev/analysis/https-www-ecosia-org/mk6jl9e1pc?form_factor=mobile\r\nTiktok B2B: https://pagespeed.web.dev/analysis/https-www-tiktok-com-business-es/ol9rsuh9c8?form_factor=mobile\r\n\r\nI've read that because of the high load/blocking time on the main thread, frameworks like Nuxt or React have a much higher INP than other websites (e.g. our old wordpress website is at 172ms right now, which is good enough for Google). This is especially true on weaker mobile devices.\r\n\r\nI don't know, but maybe this time is especially large on weaker devices (or every step shown here is generally longer)?\r\n\r\nI know that we have quite a lot of features and interactions on our website and the sites themselves are sometimes quite long, so that could also be the cause, but i wanted to ask if anyone gets similar results or knows how to reduce it on weaker devices.\r\n\r\nThanks!\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3128,3131],{"name":3129,"color":3130},"3.x","29bc7f",{"name":3053,"color":3054},26271,"identify opportunities to improve INP on mobile devices","2024-06-21T02:11:13Z","https://github.com/nuxt/nuxt/issues/26271",0.7047212,["Reactive",3138],{},["Set"],["ShallowReactive",3141],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$flqDvGE1Mm5hO336KJ5L1jmOEcL68xZzCjNaAnJQ5ZUQ":-1},"/nuxt/ui/4345"]