performance test

package.json

@@ -6,19 +6,17 @@
         "build": "vite build"
     },
     "devDependencies": {
-        "@erbelion/vite-plugin-laravel-purgecss": "^0.2.3",
+        "@erbelion/vite-plugin-laravel-purgecss": "^0.2.5",
         "@popperjs/core": "^2.11.8",
-        "@rollup/plugin-inject": "^5.0.5",
+        "@vitejs/plugin-vue": "^5.1.2",
-        "@vitejs/plugin-vue": "^5.0.0",
+        "autoprefixer": "^10.4.20",
-        "autoprefixer": "^10.4.12",
+        "bootstrap": "^5.3.3",
-        "bootstrap": "^5.3.2",
+        "laravel-vite-plugin": "^1.0.5",
-        "laravel-vite-plugin": "^1.0.1",
         "lodash": "^4.17.21",
-        "postcss": "^8.4.31",
+        "postcss": "^8.4.41",
-        "rollup-plugin-critical": "^1.0.13",
         "sass": "^1.69.5",
-        "vanilla-lazyload": "^17.8.5",
+        "vanilla-lazyload": "^17.9.0",
-        "vite": "^5.0.11"
+        "vite": "^5.4.2"
     },
     "dependencies": {
         "@fontsource/bai-jamjuree": "^5.0.8",

public/build/assets/img-8tqXJaKN.js

@@ -1 +0,0 @@
-import{L as e}from"./lazyload.esm-12OIww4J.js";window.lLoad=new e({elements_selector:".lazy"});

public/build/assets/img-BW8E9934.js

@@ -0,0 +1 @@
+import{L as e}from"./lazyload.esm-2_xOKgVb.js";window.lLoad=new e({elements_selector:".lazy"});

public/build/assets/load-more-CJiZ-Ghi.js

@@ -1 +1 @@
-import{L as s}from"./lazyload.esm-12OIww4J.js";window.lazyFunctions={more:function(a){const n=a,e=JSON.parse(atob(a.dataset.params)),r=new Headers;r.append("Content-Type","application/json"),r.append("Accept","application/json");const o={page:e.page,route:e.route};"genre"in e.route_parameters&&(o.genre=e.route_parameters.genre);const p={method:"POST",headers:r,body:JSON.stringify(o)};fetch(e.route,p).then(t=>t.json()).then(t=>{const i=a.parentNode;i.innerHTML+=t.html,window.lLoad.update(),a.remove(),document.getElementById(a.getAttribute("id")).remove(),t.has_more_pages&&(e.page=t.current_page+1,n.setAttribute("href",n.getAttribute("href").replace(new RegExp(t.current_page+"$"),t.current_page+1)),n.setAttribute("data-params",btoa(JSON.stringify(e))),n.removeAttribute("data-ll-status"),n.classList.remove("entered"),i.appendChild(n),window.lMore.update())}).catch(t=>console.error(t))}};function c(a){var n=a.getAttribute("data-lazy-function"),e=window.lazyFunctions[n];e&&e(a)}window.lMore=new s({elements_selector:"#next-page",unobserve_entered:!0,callback_enter:c});
+import{L as s}from"./lazyload.esm-2_xOKgVb.js";window.lazyFunctions={more:function(a){const n=a,e=JSON.parse(atob(a.dataset.params)),r=new Headers;r.append("Content-Type","application/json"),r.append("Accept","application/json");const o={page:e.page,route:e.route};"genre"in e.route_parameters&&(o.genre=e.route_parameters.genre);const p={method:"POST",headers:r,body:JSON.stringify(o)};fetch(e.route,p).then(t=>t.json()).then(t=>{const i=a.parentNode;i.innerHTML+=t.html,window.lLoad.update(),a.remove(),document.getElementById(a.getAttribute("id")).remove(),t.has_more_pages&&(e.page=t.current_page+1,n.setAttribute("href",n.getAttribute("href").replace(new RegExp(t.current_page+"$"),t.current_page+1)),n.setAttribute("data-params",btoa(JSON.stringify(e))),n.removeAttribute("data-ll-status"),n.classList.remove("entered"),i.appendChild(n),window.lMore.update())}).catch(t=>console.error(t))}};function c(a){var n=a.getAttribute("data-lazy-function"),e=window.lazyFunctions[n];e&&e(a)}window.lMore=new s({elements_selector:"#next-page",unobserve_entered:!0,callback_enter:c});

public/build/manifest.json

@@ -1,75 +1,83 @@
 {
-  "_lazyload.esm-12OIww4J.js": {
+  "_lazyload.esm-2_xOKgVb.js": {
-    "file": "assets/lazyload.esm-12OIww4J.js"
+    "file": "assets/lazyload.esm-2_xOKgVb.js",
+    "name": "lazyload.esm"
   },
   "resources/images/home.webp": {
-    "file": "assets/home-BTKKZvIc.webp",
+    "file": "assets/home-FMopm8hx.webp",
     "src": "resources/images/home.webp"
   },
   "resources/js/app.js": {
-    "file": "assets/app-ZdW3WXj1.js",
+    "file": "assets/app-DMJ9SGkc.js",
-    "isEntry": true,
+    "name": "app",
-    "src": "resources/js/app.js"
+    "src": "resources/js/app.js",
+    "isEntry": true
   },
   "resources/js/home.js": {
-    "file": "assets/home-9hb-1U7n.js",
+    "file": "assets/home-BhWzZn8-.js",
-    "isEntry": true,
+    "name": "home",
-    "src": "resources/js/home.js"
+    "src": "resources/js/home.js",
+    "isEntry": true
   },
   "resources/js/img.js": {
-    "file": "assets/img-8tqXJaKN.js",
+    "file": "assets/img-BW8E9934.js",
-    "imports": [
+    "name": "img",
-      "_lazyload.esm-12OIww4J.js"
+    "src": "resources/js/img.js",
-    ],
     "isEntry": true,
-    "src": "resources/js/img.js"
+    "imports": [
+      "_lazyload.esm-2_xOKgVb.js"
+    ]
   },
   "resources/js/jqfix.js": {
-    "file": "assets/jqfix-XQjGhjYs.js",
+    "file": "assets/jqfix-BaKlTciu.js",
-    "isEntry": true,
+    "name": "jqfix",
-    "src": "resources/js/jqfix.js"
+    "src": "resources/js/jqfix.js",
+    "isEntry": true
   },
   "resources/js/load-more.js": {
-    "file": "assets/load-more-IW-QvNJd.js",
+    "file": "assets/load-more-CJiZ-Ghi.js",
-    "imports": [
+    "name": "load-more",
-      "_lazyload.esm-12OIww4J.js"
+    "src": "resources/js/load-more.js",
-    ],
     "isEntry": true,
-    "src": "resources/js/load-more.js"
+    "imports": [
+      "_lazyload.esm-2_xOKgVb.js"
+    ]
   },
   "resources/js/watch.js": {
-    "file": "assets/watch-eweoBqrQ.js",
+    "file": "assets/watch-DyWjwkm3.js",
-    "isEntry": true,
+    "name": "watch",
-    "src": "resources/js/watch.js"
+    "src": "resources/js/watch.js",
+    "isEntry": true
   },
   "resources/scss/app.scss": {
-    "file": "assets/app-W1Im0Ckf.css",
+    "file": "assets/app-BKVzokcy.css",
-    "isEntry": true,
+    "src": "resources/scss/app.scss",
-    "src": "resources/scss/app.scss"
+    "isEntry": true
   },
   "resources/scss/fa.scss": {
-    "file": "assets/fa-G2W2mMIo.css",
+    "file": "assets/fa-bZbaYwij.css",
-    "isEntry": true,
+    "src": "resources/scss/fa.scss",
-    "src": "resources/scss/fa.scss"
+    "isEntry": true
   },
   "resources/scss/google-fonts.scss": {
-    "file": "assets/google-fonts-Hf30gNLt.css",
+    "file": "assets/google-fonts-d_fSA0u1.css",
-    "isEntry": true,
+    "src": "resources/scss/google-fonts.scss",
-    "src": "resources/scss/google-fonts.scss"
+    "isEntry": true
   },
   "resources/scss/home.scss": {
-    "file": "assets/home-w40geAFS.js",
+    "file": "assets/home-l0sNRNKZ.js",
-    "isEntry": true,
+    "name": "home",
-    "src": "resources/scss/home.scss"
+    "src": "resources/scss/home.scss",
+    "isEntry": true
   },
   "resources/scss/la.scss": {
-    "file": "assets/la-XQhkln6V.css",
+    "file": "assets/la-BdCGSWfp.css",
-    "isEntry": true,
+    "src": "resources/scss/la.scss",
-    "src": "resources/scss/la.scss"
+    "isEntry": true
   },
   "resources/scss/watch.scss": {
-    "file": "assets/watch--s0EFSGo.css",
+    "file": "assets/watch-D6zQQVIa.css",
-    "isEntry": true,
+    "src": "resources/scss/watch.scss",
-    "src": "resources/scss/watch.scss"
+    "isEntry": true
   }
 }

resources/views/layouts/layout.blade.php

@@ -41,7 +41,7 @@
     <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> --}}
     @vite(['resources/scss/app.scss'])
 
-    @vite(['resources/js/jqfix.js'])
+    {{-- @vite(['resources/js/jqfix.js']) --}}
     {{-- @vite(['resources/js/app.js']) --}}
     @yield('head')
     @yield('schema')
@@ -83,10 +83,10 @@
         {!! Vite::content('resources/js/img.js')!!}
     </script> --}}
     {{-- <script type='text/javascript' src='https://code.jquery.com/jquery-3.7.1.min.js'></script> --}}
-    {{-- <link rel="preload" as="script" href="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous">
+    <link rel="preload" as="script" href="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous">
-    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> --}}
+    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
-    {{-- @vite(['resources/js/img.js'])
+    {{-- @vite(['resources/js/img.js'])--}}
-    @vite(['resources/js/jqfix.js']) --}}
+    {{-- @vite(['resources/js/jqfix.js']) --}}
     @vite(['resources/js/app.js'])
     @yield('footer')
     <script>

vite.config.mjs

@@ -4,7 +4,6 @@ import {resolve} from 'path'
 import { defineConfig } from 'vite';
 import laravel from 'laravel-vite-plugin';
 import purge from '@erbelion/vite-plugin-laravel-purgecss'
-import inject from '@rollup/plugin-inject';
 
 let host = 'playlab.test'