官网首页加载优化:Google Fonts 异步加载、视频预加载降级、移除 404 的 codex-data.js

This commit is contained in:
李鹏宇 2026-07-23 17:43:09 +08:00
parent 3d34fbc7cc
commit 35b8c1f8a1

View File

@ -4,9 +4,9 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>宇森 · Yusen活的文明系统模拟</title> <title>宇森 · Yusen活的文明系统模拟</title>
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&family=ZCOOL+QingKe+HuangYou&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'" />
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&family=ZCOOL+QingKe+HuangYou&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet" /> <noscript><link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&family=ZCOOL+QingKe+HuangYou&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet" /></noscript>
<link rel="icon" type="image/png" sizes="48x48" href="assets/ui/logo_planet_48.png?v=20260723"> <link rel="icon" type="image/png" sizes="48x48" href="assets/ui/logo_planet_48.png?v=20260723">
<link rel="icon" type="image/png" sizes="256x256" href="assets/ui/logo_planet_256.png?v=20260723"> <link rel="icon" type="image/png" sizes="256x256" href="assets/ui/logo_planet_256.png?v=20260723">
<link rel="apple-touch-icon" href="assets/ui/logo_planet_256.png?v=20260723"> <link rel="apple-touch-icon" href="assets/ui/logo_planet_256.png?v=20260723">
@ -201,7 +201,7 @@
<!-- ===== 介绍(视频主页) ===== --> <!-- ===== 介绍(视频主页) ===== -->
<section class="panel active" id="intro"> <section class="panel active" id="intro">
<div class="hero"> <div class="hero">
<video autoplay muted loop playsinline> <video autoplay muted loop playsinline preload="metadata" poster="assets/bg/bg_sky.jpg">
<source src="assets/yusen-trailer.mp4" type="video/mp4" /> <source src="assets/yusen-trailer.mp4" type="video/mp4" />
</video> </video>
<div class="veil"></div> <div class="veil"></div>
@ -331,7 +331,6 @@
</main> </main>
</div> </div>
<script src="codex-data.js"></script>
<script> <script>
// top nav // top nav
const navBtns=document.querySelectorAll('.nav button'); const navBtns=document.querySelectorAll('.nav button');