Estoy en el proceso de convertir mi sitio de cartera para usar Nuxt.js, que tengo alojado en Netlify. Tengo problemas con mi CSS que tarda más de lo normal en cargarse. No noto este problema cuando desarrollo localmente, pero en mi sitio en vivo, puedo ver brevemente la página sin ningún estilo.

Tengo mi CSS separado por sus componentes en una carpeta llamada assets . También tengo algunos estilos en mi archivo index.vue , como variables css. A continuación, también he incluido mi nuxt.config.js . ¿Alguien tiene alguna idea de por qué esto podría estar sucediendo?

 export default { target: "static", components: true, buildModules: [ [ "@nuxt/image", { provider: "static", }, ], ], head: { title: "my title", htmlAttrs: { lang: "en", }, meta: [ { name: "viewport", content: "width=device-width, initial-scale=1", }, ], link: [ { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Open+Sans&display=swap", }, { rel: "stylesheet", href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css", }, { rel: "stylesheet", href: "https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css", }, ], }, plugins: [ { src: "./plugins/analytics.js", mode: "client", }, ], };