Size: a a a

Nuxt.js — русскоговорящее сообщество

2021 January 23

М

Макс in Nuxt.js — русскоговорящее сообщество
попробй слегка отпимизировать размер чанков
источник

М

Макс in Nuxt.js — русскоговорящее сообщество
там SSR у тя?
источник

SS

Sergey Serpichenko in Nuxt.js — русскоговорящее сообщество
какой вообще оптимальный размер?
источник

SS

Sergey Serpichenko in Nuxt.js — русскоговорящее сообщество
SPA
источник

S

Sonic [Скупаю | Акту... in Nuxt.js — русскоговорящее сообщество
Вопрос не саркастический. А зачем тащить nuxt в SPA? Ради роутинга и мидлваров?
источник

М

Макс in Nuxt.js — русскоговорящее сообщество
ну тут надо подбирать...

во первых vuetify обожает сувать свои стили целиком и вначало...

тут может помочь немного cssnano
с настройками типа

 render: {
   resourceHints: false,
   compressor: { threshold: 10240 }
 },
 postcss: {
   plugins: {
     ...{
       cssnano: {
         preset: [
           'advanced',
           {
             autoprefixer: false,
             cssDeclarationSorter: false,
             zindex: false,
             discardComments: {
               removeAll: true
             }
           }
         ]
       }
     }
   },
   ...{
     preset: {
       browsers: 'cover 99.5%',
       autoprefixer: true
     }
   },

   order: 'cssnanoLast'
 },
источник

SS

Sergey Serpichenko in Nuxt.js — русскоговорящее сообщество
Sonic [Скупаю | Актуально всегда]
Вопрос не саркастический. А зачем тащить nuxt в SPA? Ради роутинга и мидлваров?
изначально предполагали SSR, но как то переключились на SPA резко
источник

SS

Sergey Serpichenko in Nuxt.js — русскоговорящее сообщество
Макс
ну тут надо подбирать...

во первых vuetify обожает сувать свои стили целиком и вначало...

тут может помочь немного cssnano
с настройками типа

 render: {
   resourceHints: false,
   compressor: { threshold: 10240 }
 },
 postcss: {
   plugins: {
     ...{
       cssnano: {
         preset: [
           'advanced',
           {
             autoprefixer: false,
             cssDeclarationSorter: false,
             zindex: false,
             discardComments: {
               removeAll: true
             }
           }
         ]
       }
     }
   },
   ...{
     preset: {
       browsers: 'cover 99.5%',
       autoprefixer: true
     }
   },

   order: 'cssnanoLast'
 },
спасибо, будем пробовать
источник

М

Макс in Nuxt.js — русскоговорящее сообщество
по чанкам нужно подбирать

в   build

попробуй как то так вот

 build: {
   extractCSS: {
     ignoreOrder: true
   },
   optimizeCss: false,
   crossorigin: '',
   optimization: {
     splitChunks: {
       chunks: 'all',
       automaticNameDelimiter: '.',
       name: 'max',
       maxSize: 256000
     }
   },
   extend(config, ctx) {
     config.resolve.alias.vue = 'vue/dist/vue.common'
     if (ctx && ctx.isClient) {
       config.optimization.splitChunks.maxSize = 51200
     }
   }
 }
источник

М

Макс in Nuxt.js — русскоговорящее сообщество
цифирки подбирай по ситуации
источник

SS

Sergey Serpichenko in Nuxt.js — русскоговорящее сообщество
огромное спасибо!
источник

М

Макс in Nuxt.js — русскоговорящее сообщество
что касается кеширования... о это смотри в сторону веб сервера который статику обрабатывает...
источник

М

Макс in Nuxt.js — русскоговорящее сообщество
обычно это nginx над всем этим чудом
источник

М

Макс in Nuxt.js — русскоговорящее сообщество
у или настраивай на ноде fastify
источник

SS

Sergey Serpichenko in Nuxt.js — русскоговорящее сообщество
ну сейчас пока cssnano поиграюсь и конфигами а там посмотрю
источник

М

Макс in Nuxt.js — русскоговорящее сообщество
у накста есть вроде обертка
источник

SS

Sergey Serpichenko in Nuxt.js — русскоговорящее сообщество
источник

М

Макс in Nuxt.js — русскоговорящее сообщество
nuxt/optimise
источник

М

Макс in Nuxt.js — русскоговорящее сообщество
вроде
источник

М

Макс in Nuxt.js — русскоговорящее сообщество
ну или эта
источник