Optymalizacja strony laravel/vue

0

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

0

Jeśli radzisz sobie z JavaScriptem to przepisz elementy z jQuery / popper.js / bootstrap.js na czysty javascript/vue. Podobnie można zrobić z axiosem i zamienić go na standardowy fetch

0

Po co te jquery skoro masz vue?

1 użytkowników online, w tym zalogowanych: 0, gości: 1