diff --git a/packages/Webkul/Velocity/src/Resources/views/shop/UI/particals.blade.php b/packages/Webkul/Velocity/src/Resources/views/shop/UI/particals.blade.php
index 669415dc0..024910dd0 100644
--- a/packages/Webkul/Velocity/src/Resources/views/shop/UI/particals.blade.php
+++ b/packages/Webkul/Velocity/src/Resources/views/shop/UI/particals.blade.php
@@ -175,8 +175,8 @@
         </div>
     </script>
 
-    <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/mobilenet"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs" defer></script>
+    <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/mobilenet" defer></script>
 
     <script type="text/x-template" id="image-search-component-template">
         <div class="d-inline-block image-search-container" v-if="image_search_status">
diff --git a/packages/Webkul/Velocity/src/Resources/views/shop/layouts/styles.blade.php b/packages/Webkul/Velocity/src/Resources/views/shop/layouts/styles.blade.php
index e69b0004f..c6c0d2f8a 100644
--- a/packages/Webkul/Velocity/src/Resources/views/shop/layouts/styles.blade.php
+++ b/packages/Webkul/Velocity/src/Resources/views/shop/layouts/styles.blade.php
@@ -1,13 +1,21 @@
+{{-- preloaded fonts --}}
+<link rel="preload" href="{{ asset('themes/velocity/assets/fonts/font-rango/rango.ttf') . '?o0evyv' }}" as="font" crossorigin="anonymous" />
+
+{{-- bootstrap --}}
 <link rel="stylesheet" href="{{ asset('themes/velocity/assets/css/bootstrap.min.css') }}" />
 
+{{-- bootstrap flipped for rtl --}}
 @if (core()->getCurrentLocale() && core()->getCurrentLocale()->direction == 'rtl')
     <link href="{{ asset('themes/velocity/assets/css/bootstrap-flipped.css') }}" rel="stylesheet">
 @endif
 
-<link rel="stylesheet" href="{{ asset('themes/velocity/assets/css/velocity.css') }}" />
+{{-- mix versioned compiled file --}}
+<link rel="stylesheet" href="{{ asset(mix('/css/velocity.css', 'themes/velocity/assets')) }}" />
 
+{{-- extra css --}}
 @stack('css')
 
+{{-- custom css --}}
 <style>
     {!! core()->getConfigData('general.content.custom_scripts.custom_css') !!}
 </style>
\ No newline at end of file