问题描述
我正在处理一个现有项目,我注意到从服务器获取的 JavaScript 文件太大了。
我在某些页面上获取了 50MB 的资源,而此页面仅包含文本和一张图片,但我仍然获取了 9MB 的资源。
我尝试在我的 nuxt.config.js Here is the network tab for one of the pages
中延迟加载图像并禁用预取链接这里是 Package.json
"dependencies": {
"@nuxtjs/auth": "^4.8.4","@nuxtjs/axios": "^5.6.0","@nuxtjs/dotenv": "^1.4.1","@nuxtjs/gtm": "^2.4.0","@nuxtjs/proxy": "^2.1.0","@nuxtjs/pwa": "^3.0.0-0","@nuxtjs/toast": "^3.2.1","blueimp-md5": "^2.12.0","child_process": "^1.0.2","coffee-loader": "^0.9.0","coffeescript": "^2.4.1","cookie-universal-nuxt": "^2.0.17","dotenv": "^8.2.0","element-ui": "^2.12.0","express": "^4.17.1","fs": "0.0.1-security","imagemin-gifsicle": "^6.0.1","isotope-layout": "^3.0.6","jimp": "^0.9.3","jquery": "^3.4.1","js-cookie": "^2.2.1","jwt-simple": "^0.5.6","lazysizes": "^5.2.0","lqip-loader": "^2.2.0","module": "^1.2.5","node-fetch": "^2.6.1","nuxt": "^2.14.7","nuxt-lazy-load": "^1.0.5","pdfjs-dist": "^2.4.456","psd": "^3.2.0","responsive-loader": "^1.2.0","sqip-loader": "^1.0.0","vue": "^2.6.10","vue-facebook-login-component": "^1.3.7","vue-google-auth": "^1.0.5","vue-google-signin-button-directive": "^1.0.3","vue-ionicons": "^3.0.4","vue-lazyload": "^1.3.3","vue-notification": "^1.3.20","vue-paystack": "^2.0.2","vue-session": "^1.0.0","vue-slick": "^1.1.15","vue-toasted": "^1.1.27","vueisotope": "^3.1.2","webp-loader": "^0.6.0"
},"devDependencies": {
"@bazzite/nuxt-optimized-images": "^0.4.0","@nuxtjs/svg": "^0.1.12","axios": "^0.21.1","eslint-config-prettier": "^4.1.0","eslint-plugin-prettier": "^3.0.1","imagemin-mozjpeg": "^8.0.0","imagemin-pngquant": "^8.0.0","imagemin-svgo": "^7.1.0","node-sass": "^4.12.0","prettier": "^1.16.4","sass-loader": "^7.3.1"
}
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)