diff --git a/src/runtime/components/BoosterVimeo/Base.vue b/src/runtime/components/BoosterVimeo/Base.vue
index 739b2bcd98..5b9c44a6f6 100644
--- a/src/runtime/components/BoosterVimeo/Base.vue
+++ b/src/runtime/components/BoosterVimeo/Base.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script>
-import { useHead, markRaw, computed, ref } from '#imports';
+import { useHead, markRaw, computed, ref, useBoosterCritical } from '#imports';
 
 import DefaultButton from '../Button';
 import { load, ready } from './utils/loader';
@@ -103,6 +103,8 @@ export default {
   emits: ['playing', 'ready'],
 
   async setup(props) {
+    useBoosterCritical();
+
     const script = ref([]);
 
     if (!(import.meta.server || process.env.prerender)) {
diff --git a/src/runtime/components/BoosterYoutube/Base.vue b/src/runtime/components/BoosterYoutube/Base.vue
index ae36ce81a2..fbb2b6cadb 100644
--- a/src/runtime/components/BoosterYoutube/Base.vue
+++ b/src/runtime/components/BoosterYoutube/Base.vue
@@ -20,7 +20,7 @@
 </template>
 
 <script>
-import { useHead, ref, computed, markRaw } from '#imports';
+import { useHead, ref, computed, markRaw, useBoosterCritical } from '#imports';
 
 import DefaultButton from '../Button';
 import { load } from './utils/loader';
@@ -99,6 +99,8 @@ export default {
   emits: ['ready', 'playing'],
 
   setup() {
+    useBoosterCritical();
+
     const script = ref([]);
     useHead({
       script: computed(() => {