Hej, mam stronę w laravel. Korzystam z webpack jednak po wypuszczeniu na produkcję bardzo ciężko z jej wydajnością. W google speed test nie przekracza 30 na mobile i 40 na desktop. Zmniejszyłem obrazy, korzystam z formatu webp. Wdrożyłem leniwe ładowanie dla obrazów jednak nadal jest ciężko z wydajnością. Z tego co widzę największy problem jest z js.
"Zminimalizuj aktywność głównego wątku" 9.6 s
"Skróć czas wykonywania JavaScriptu" 5.6 s
macie jakieś pomysły jak zoptymalizować kod?
Na stronie są elementy Vue.js, tak wygląda plik bootstrap.js
window._ = require('lodash');
import Vue from 'vue'
import Pusher from 'pusher-js'
import Vuex from 'vuex';
window.Vuex = Vuex;
Vue.use(Vuex)
try {
window.Popper = require('popper.js').default;
window.$ = window.jQuery = require('jquery');
require('./bootstrap.min');
require('./front/select2.min');
} catch (e) {}
window.axios = require('axios');
Vue.prototype.$axios = window.axios;
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
import VueEcho from 'vue-echo-laravel';
w stopce mam jeszcze kilka drobnych skryptów. Chciałem aby wynik w gst osiągnął przynajmniej 50pkt