Nuxt 2 - SSG - Embed data in HTML
I saw that Nuxt 2 stores data in json files called payload.js in SSG mode.
Instead to store these data in json files, is it possible to store the data directly in HTML files, after the generation ?
Thanks
Solution
After an offline discussion, I've concluded that OP's main issue was more of a heavy image usage (≈40MB of .png) + other basics Web Core Vitals to get fixed rather than some prefetched pages set by Nuxt.
I've also provided the following links to improve the overall performance of their SSG app:
- https://web.dev/learn/
- https://www.patterns.dev/posts/
- https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/
The goal being to do 20% of the heavy work for 80% of no-comprise better metrics. The rest being more advanced/subject to internal discussions as of how to proceed regarding the respective drawbacks.
- Hash CSS Module Styles with Vite
- rendering dropdown dynamically vue.js
- running vue in VPS with 80 port
- How to redirect to another path in Nuxt?
- Changing Prop of a Single Component Among Components Iterated via V-For
- How to set Vite config for dynamic imports (code-splitting) when entry file and chunks are on a different domain?
- VueJS Conditional rendering with v-show and json
- Access $refs from other components not in the same level as current component
- Copying an array-read-only-property to an array-property?
- How to call a function in a slot component from parent?
- Styling issues with Chartist + VueJs + Webpack
- TypeError: Cannot read properties of null (reading 'ce')
- How to globally ignore errors with sentry v5 to reduce noise
- Why ref.value can't access private properties declared with #, but with TypeScript's `private` it can?
- The first API call after login is unauthorized until page reload (Laravel Sanctum & VueJS)
- Vitejs is loading the whole bundle size instead of the selected ones
- Filtered array in PrimeVue datatable?
- v-img not showing image from folder
- How to reload/refresh a webpage in Vue.js after a certain event or a button is clicked?
- How to pass parameters to translations
- Is Vuex Store accessible from console or from client's browser?
- Vue3, Render parent div only if slot inside of it has content
- How to add inline SVGs in a nuxt3 vite project
- SyntaxError: ambiguous indirect export: default Error when importing my own class
- Skipping larger chunks while running "Npm run build"
- Unable to locate file in Vite manifest: resources/js/Pages/MainPage.vue
- How can I send data from form vue 3 to server laravel
- What is the best way to store constants in Nuxt?
- "TypeError: Failed to fetch dynamically imported module" on Vue/Vite vanilla setup
- Vue best practice for calling a method in a child component