\n \u003CPageContentblock v-for=\"(item, index) in posts.data[0].content\" :key=\"item.id\" :item=\"item\" v-once/>\n \u003C/div>\n\u003C/template>\n\u003Cscript setup lang=\"ts\">\nconst img = useImage()\nconst { data: posts } = await useAsyncData('home', () => $fetch('https://dummyurl.to.directus'), { watch: false, deep: false, strategy: 'static' })\nvar metaData = [{ name: 'description', content: posts.value.data[0].meta_description }, { property: 'og:image', content: img('/directus/assets/' + posts.value.data[0].OG_Image,{ width: 1024, height: 576, format: 'webp'}) }]\nuseHead({\n title: posts.value.data[0].titel,\n meta: metaData\n})\n\u003C/script>\n\n### Reproduction\n\nYou can see the issue live on my production website when you open the console:\nhttps://www.florian-strasser.de\n\n### Describe the bug\n\nWhen I switched over from nuxt 2 to nuxt 3 it introduced my website to the warning:\n`The resource https://www.florian-strasser.de/_payload.json?54c17914-61aa-4ea1-86d9-735ec3e50181 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it wasn't preloaded for nothing.`\n\nAt first I thought that this will be fixed during later patches, but now we are more or less before nuxt 4 and it still appears.\n\nSince the latest patches there is also another json file that has a similar warning:\n`[Warning] The resource https://www.florian-strasser.de/_nuxt/builds/meta/54c17914-61aa-4ea1-86d9-735ec3e50181.json was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it wasn't preloaded for nothing.`\n\nThe Files are not that big as I would expect any problems - also my page speed results are pretty good so I really don't understand what could be the issue for that type of warning. When inspecting the payload json someone could argue that this is actually alot of text, but I don't see other possibilities when creating an entire page.\n\nFor the meta file I'm even more confused since is a very small file.\n\nAnyone has an idea?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3258,3259],{"name":3148,"color":3149},{"name":3168,"color":3169},30833,"[de:translated] payload.json and meta json file preloaded but not used within a few seconds","2025-09-03T08:00:45Z","https://github.com/nuxt/nuxt/issues/30833",0.6458184,{"description":3266,"labels":3267,"number":3270,"owner":3154,"repository":3154,"state":3155,"title":3271,"updated_at":3272,"url":3273,"score":3274},"I'm trying, when running npm run generate to not minify the HTML. \r\n\r\nEven though it's deprecated: \r\n\r\n```\r\ngenerate: {\r\n minify:false\r\n} \r\n```\r\n\r\n..does indeed minify the CSS. This isn't what I'm after though. \r\n\r\nThe [docs](https://nuxtjs.org/docs/configuration-glossary/configuration-build#htmlminify) say to use `html.minify` now: \r\n\r\n```\r\n{\r\n collapseBooleanAttributes: true,\r\n decodeEntities: true,\r\n minifyCSS: true,\r\n minifyJS: true,\r\n processConditionalComments: true,\r\n removeEmptyAttributes: true,\r\n removeRedundantAttributes: true,\r\n trimCustomFragments: true,\r\n useShortDoctype: true\r\n}\r\n```\r\n\r\nThese look like the presets but even if you change `minifyCSS` to `false` there is still no change in the output to the dist folder after running generate. \r\n\r\nAm I at all able to not compress/minify the HTML and to instead have it formatted nicely when I run `npm run generate`. \r\n\r\nMy nuxt.config.js\r\n\r\n```\r\nexport default {\r\n // Target: https://go.nuxtjs.dev/config-target\r\n target: 'static',\r\n\r\n // Global page headers: https://go.nuxtjs.dev/config-head\r\n head: {\r\n title: 'frontend-tw-build-test',\r\n htmlAttrs: {\r\n lang: 'en'\r\n },\r\n meta: [\r\n { charset: 'utf-8' },\r\n { name: 'viewport', content: 'width=device-width, initial-scale=1' },\r\n { hid: 'description', name: 'description', content: '' },\r\n { name: 'format-detection', content: 'telephone=no' }\r\n ],\r\n link: [\r\n { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }\r\n ]\r\n },\r\n\r\n // Global CSS: https://go.nuxtjs.dev/config-css\r\n css: [\r\n '@/assets/css/main.css',\r\n ],\r\n\r\n // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins\r\n plugins: [\r\n ],\r\n\r\n // Auto import components: https://go.nuxtjs.dev/config-components\r\n components: true,\r\n\r\n // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules\r\n buildModules: [\r\n // https://go.nuxtjs.dev/tailwindcss\r\n '@nuxtjs/tailwindcss',\r\n '@nuxt/postcss8'\r\n ],\r\n\r\n // Modules: https://go.nuxtjs.dev/config-modules\r\n modules: [\r\n ],\r\n\r\n // Build Configuration: https://go.nuxtjs.dev/config-build\r\n build: {\r\n postcss: {\r\n plugins: {\r\n tailwindcss: {},\r\n autoprefixer: {},\r\n },\r\n },\r\n },\r\n\r\n html: {\r\n minify: {\r\n collapseBooleanAttributes: true,\r\n collapseInlineTagWhitespace: false,\r\n collapseWhitespac: false,\r\n decodeEntities: true,\r\n minifyCSS: false,\r\n minifyJS: false,\r\n processConditionalComments: true,\r\n removeEmptyAttributes: true,\r\n removeRedundantAttributes: true,\r\n trimCustomFragments: true,\r\n useShortDoctype: true\r\n }\r\n }\r\n\r\n\r\n}\r\n```\r\n\r\nAm I missing something blindingly obvious here?",[3268,3269],{"name":3148,"color":3149},{"name":3151,"color":3152},10668,"I am unable to access html.minify options for Nuxt.js in order to NOT minify the HTML output in run generate","2023-02-16T23:32:33Z","https://github.com/nuxt/nuxt/issues/10668",0.6470888,["Reactive",3276],{},["Set"],["ShallowReactive",3279],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fMcgF9gzXKhoJNbhxKdhMhukRQUMFsygldH_J36Lko98":-1},"/nuxt/nuxt/23085"]