TeaSpeak/TeaWeb
TeaSpeak/TeaWeb
1
0
Fork 0
Code Issues 1 Pull requests Activity

Using GIF instead of the PNG animation file to reduce startup loading time

Browse source
This commit is contained in:
WolverinDEV 2020-07-18 14:35:30 +02:00
parent 0396383daf
commit 3816700703
1 changed files with 2 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
loader/html/index.html.ejs
View file

@ -55,8 +55,7 @@ var initial_css;
gtag('config', 'UA-113151733-4'); gtag('config', 'UA-113151733-4');
</script> </script>
<%# We're preloading the PNG file by default since most browser have APNG support %> <link rel="preload" as="image" href="img/loader/initial-sequence.gif">
<link rel="preload" as="image" href="img/loader/initial-sequence.png">
<link rel="preload" as="image" href="img/loader/bowl.png"> <link rel="preload" as="image" href="img/loader/bowl.png">
<%# We don't preload the bowl since it's only a div background %> <%# We don't preload the bowl since it's only a div background %>
<link rel="preload" as="image" href="img/loader/text.png"> <link rel="preload" as="image" href="img/loader/text.png">
@ -84,7 +83,7 @@ var initial_css;
<div class="loader" id="loader-overlay"> <div class="loader" id="loader-overlay">
<div class="container"> <div class="container">
<div class="setup"> <div class="setup">
<lazy-img src-apng="img/loader/initial-sequence.png" src-gif="img/loader/initial-sequence.gif" alt="initial loading sequence"></lazy-img> <lazy-img src="img/loader/initial-sequence.gif" alt="initial loading sequence"></lazy-img>
</div> </div>
<div class="idle"> <div class="idle">
<lazy-img class="bowl" src="img/loader/bowl.png" alt="bowl"></lazy-img> <lazy-img class="bowl" src="img/loader/bowl.png" alt="bowl"></lazy-img>