Fix: Remove unused prefetch and reduce size for loading-animation-ja (#5491)

* Remove unecessary prefetch of loading-animation-ja for Initial load

* Reduce loading-animation-ja image size

Author: farhan-momin

loading-animation-ja.svg images/loading-animation-ja.svgloading-animation-ja.svg renamed to images/loading-animation-ja.svg

@@ -28,8 +28,6 @@
     <link rel="preload" href="css/darkmode.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
     <link rel="prefetch" as="video" href="loading-animation.webm" type="video/webm">
     <link rel="prefetch" as="video" href="loading-animation.mp4" type="video/mp4">
-    <link rel="prefetch" as="image" href="loading-animation-ja.svg">
-
 
     <!-- <script src="js/utils/detectIE.js"></script> -->
 
@@ -645,7 +643,7 @@
 
                 const container = document.getElementById("loading-media");
                 const content = lang.startsWith("ja")
-                    ? `<img src="loading-animation-ja.svg" loading="eager" fetchpriority="high" style="width: 70%; height: 90%; object-fit: contain;" alt="Loading animation">`
+                    ? `<img src="loading-animation-ja.png" loading="eager" fetchpriority="high" style="width: 70%; height: 90%; object-fit: contain;" alt="Loading animation">`
                     : `<video loop autoplay muted playsinline fetchpriority="high" style="width: 90%; height: 100%; object-fit: contain;">
                         <source src="loading-animation.webm" type="video/webm">
                         <source src="loading-animation.mp4" type="video/mp4">