diff --git a/packages/create-vite/template-lit-ts/src/my-element.ts b/packages/create-vite/template-lit-ts/src/my-element.ts
index 2808d30ae6ef66..fe5707212e5bdd 100644
--- a/packages/create-vite/template-lit-ts/src/my-element.ts
+++ b/packages/create-vite/template-lit-ts/src/my-element.ts
@@ -58,6 +58,7 @@ export class MyElement extends LitElement {
     .logo {
       height: 6em;
       padding: 1.5em;
+      will-change: filter;
     }
     .logo:hover {
       filter: drop-shadow(0 0 2em #646cffaa);
@@ -73,6 +74,7 @@ export class MyElement extends LitElement {
 
     h1 {
       font-size: 3.2em;
+      line-height: 1.1;
     }
 
     a {
diff --git a/packages/create-vite/template-lit/src/my-element.js b/packages/create-vite/template-lit/src/my-element.js
index 6ca0dab47b3a3f..f5ea09b7d1ea22 100644
--- a/packages/create-vite/template-lit/src/my-element.js
+++ b/packages/create-vite/template-lit/src/my-element.js
@@ -65,6 +65,7 @@ export class MyElement extends LitElement {
       .logo {
         height: 6em;
         padding: 1.5em;
+        will-change: filter;
       }
       .logo:hover {
         filter: drop-shadow(0 0 2em #646cffaa);
@@ -89,6 +90,7 @@ export class MyElement extends LitElement {
 
       h1 {
         font-size: 3.2em;
+        line-height: 1.1;
       }
 
       button {
diff --git a/packages/create-vite/template-preact-ts/src/index.css b/packages/create-vite/template-preact-ts/src/index.css
index dbc2fdd562ab3b..917888c1d1115a 100644
--- a/packages/create-vite/template-preact-ts/src/index.css
+++ b/packages/create-vite/template-preact-ts/src/index.css
@@ -34,6 +34,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 button {
diff --git a/packages/create-vite/template-preact/src/index.css b/packages/create-vite/template-preact/src/index.css
index dbc2fdd562ab3b..917888c1d1115a 100644
--- a/packages/create-vite/template-preact/src/index.css
+++ b/packages/create-vite/template-preact/src/index.css
@@ -34,6 +34,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 button {
diff --git a/packages/create-vite/template-react-ts/src/App.css b/packages/create-vite/template-react-ts/src/App.css
index 2e82675c3c44a9..514d6bff3fbc88 100644
--- a/packages/create-vite/template-react-ts/src/App.css
+++ b/packages/create-vite/template-react-ts/src/App.css
@@ -8,6 +8,7 @@
 .logo {
   height: 6em;
   padding: 1.5em;
+  will-change: filter;
 }
 .logo:hover {
   filter: drop-shadow(0 0 2em #646cffaa);
diff --git a/packages/create-vite/template-react-ts/src/index.css b/packages/create-vite/template-react-ts/src/index.css
index dbc2fdd562ab3b..917888c1d1115a 100644
--- a/packages/create-vite/template-react-ts/src/index.css
+++ b/packages/create-vite/template-react-ts/src/index.css
@@ -34,6 +34,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 button {
diff --git a/packages/create-vite/template-react/src/App.css b/packages/create-vite/template-react/src/App.css
index 2e82675c3c44a9..514d6bff3fbc88 100644
--- a/packages/create-vite/template-react/src/App.css
+++ b/packages/create-vite/template-react/src/App.css
@@ -8,6 +8,7 @@
 .logo {
   height: 6em;
   padding: 1.5em;
+  will-change: filter;
 }
 .logo:hover {
   filter: drop-shadow(0 0 2em #646cffaa);
diff --git a/packages/create-vite/template-react/src/index.css b/packages/create-vite/template-react/src/index.css
index dbc2fdd562ab3b..917888c1d1115a 100644
--- a/packages/create-vite/template-react/src/index.css
+++ b/packages/create-vite/template-react/src/index.css
@@ -34,6 +34,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 button {
diff --git a/packages/create-vite/template-svelte-ts/src/App.svelte b/packages/create-vite/template-svelte-ts/src/App.svelte
index cc0917872ad18e..dcc7939896dd46 100644
--- a/packages/create-vite/template-svelte-ts/src/App.svelte
+++ b/packages/create-vite/template-svelte-ts/src/App.svelte
@@ -32,6 +32,7 @@
   img {
     height: 6em;
     padding: 1.5em;
+    will-change: filter;
   }
   img:hover {
     filter: drop-shadow(0 0 2em #646cffaa);
diff --git a/packages/create-vite/template-svelte-ts/src/app.css b/packages/create-vite/template-svelte-ts/src/app.css
index 07396c895cc09e..bcc7233dd1ca85 100644
--- a/packages/create-vite/template-svelte-ts/src/app.css
+++ b/packages/create-vite/template-svelte-ts/src/app.css
@@ -34,6 +34,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 .card {
diff --git a/packages/create-vite/template-svelte/src/App.svelte b/packages/create-vite/template-svelte/src/App.svelte
index a5a4f8caab6977..415b6429ae04a8 100644
--- a/packages/create-vite/template-svelte/src/App.svelte
+++ b/packages/create-vite/template-svelte/src/App.svelte
@@ -32,6 +32,7 @@
   img {
     height: 6em;
     padding: 1.5em;
+    will-change: filter;
   }
   img:hover {
     filter: drop-shadow(0 0 2em #646cffaa);
diff --git a/packages/create-vite/template-svelte/src/app.css b/packages/create-vite/template-svelte/src/app.css
index 07396c895cc09e..bcc7233dd1ca85 100644
--- a/packages/create-vite/template-svelte/src/app.css
+++ b/packages/create-vite/template-svelte/src/app.css
@@ -34,6 +34,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 .card {
diff --git a/packages/create-vite/template-vanilla-ts/src/style.css b/packages/create-vite/template-vanilla-ts/src/style.css
index b99c9e8fa9d8d9..bbba76e52c2fdd 100644
--- a/packages/create-vite/template-vanilla-ts/src/style.css
+++ b/packages/create-vite/template-vanilla-ts/src/style.css
@@ -34,6 +34,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 #app {
@@ -46,6 +47,7 @@ h1 {
 .logo {
   height: 6em;
   padding: 1.5em;
+  will-change: filter;
 }
 .logo:hover {
   filter: drop-shadow(0 0 2em #646cffaa);
diff --git a/packages/create-vite/template-vanilla/style.css b/packages/create-vite/template-vanilla/style.css
index b99c9e8fa9d8d9..bbba76e52c2fdd 100644
--- a/packages/create-vite/template-vanilla/style.css
+++ b/packages/create-vite/template-vanilla/style.css
@@ -34,6 +34,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 #app {
@@ -46,6 +47,7 @@ h1 {
 .logo {
   height: 6em;
   padding: 1.5em;
+  will-change: filter;
 }
 .logo:hover {
   filter: drop-shadow(0 0 2em #646cffaa);
diff --git a/packages/create-vite/template-vue-ts/src/App.vue b/packages/create-vite/template-vue-ts/src/App.vue
index b40827e623e6e7..adce760c87dfdf 100644
--- a/packages/create-vite/template-vue-ts/src/App.vue
+++ b/packages/create-vite/template-vue-ts/src/App.vue
@@ -20,6 +20,7 @@ import HelloWorld from './components/HelloWorld.vue'
 .logo {
   height: 6em;
   padding: 1.5em;
+  will-change: filter;
 }
 .logo:hover {
   filter: drop-shadow(0 0 2em #646cffaa);
diff --git a/packages/create-vite/template-vue-ts/src/style.css b/packages/create-vite/template-vue-ts/src/style.css
index 6abdac306bc2c4..0192f9aac987dc 100644
--- a/packages/create-vite/template-vue-ts/src/style.css
+++ b/packages/create-vite/template-vue-ts/src/style.css
@@ -34,6 +34,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 button {
diff --git a/packages/create-vite/template-vue/src/App.vue b/packages/create-vite/template-vue/src/App.vue
index ddb1b007bc3604..417581c657f3e6 100644
--- a/packages/create-vite/template-vue/src/App.vue
+++ b/packages/create-vite/template-vue/src/App.vue
@@ -20,6 +20,7 @@ import HelloWorld from './components/HelloWorld.vue'
 .logo {
   height: 6em;
   padding: 1.5em;
+  will-change: filter;
 }
 .logo:hover {
   filter: drop-shadow(0 0 2em #646cffaa);
diff --git a/packages/create-vite/template-vue/src/style.css b/packages/create-vite/template-vue/src/style.css
index 62b04c13f8df74..a566a347d0d5ee 100644
--- a/packages/create-vite/template-vue/src/style.css
+++ b/packages/create-vite/template-vue/src/style.css
@@ -43,6 +43,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 button {