From 235537a3cf633f8b795087354d3c11862bfacaa1 Mon Sep 17 00:00:00 2001
From: D-Sketon <2055272094@qq.com>
Date: Wed, 1 Mar 2023 13:52:32 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E5=A4=B4=E5=9B=BE?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/css/_common/outline/header/image.styl | 4 +++-
 source/css/_common/outline/header/waves.styl | 3 +++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/source/css/_common/outline/header/image.styl b/source/css/_common/outline/header/image.styl
index 155e9da..b9863db 100644
--- a/source/css/_common/outline/header/image.styl
+++ b/source/css/_common/outline/header/image.styl
@@ -8,7 +8,9 @@
   min-height: 25rem;
   z-index: -9;
   background-color: #363636;
-
+  content-visibility: auto;
+  contain-intrinsic-size: 100vw 70vh;
+  
   img {
     width: 100%;
     height: 100%;
diff --git a/source/css/_common/outline/header/waves.styl b/source/css/_common/outline/header/waves.styl
index 9902aaa..62bfb34 100644
--- a/source/css/_common/outline/header/waves.styl
+++ b/source/css/_common/outline/header/waves.styl
@@ -5,9 +5,12 @@
   min-height: 3.125rem;
   max-height: 9.375rem;
   position:relative;
+  content-visibility: auto;
+  contain-intrinsic-size: 100vw 15vh;
 
   +mobile() {
     height: 10vh;
+    contain-intrinsic-size: 100vw 10vh;
   }
 }
 /* Animation */