Added defer in place of footer

razorpay · Sep 20, 2024 · d07835b · d07835b
1 parent 1e40be8
commit d07835b
Showing 1 changed file with 21 additions and 9 deletions.
diff --git a/woo-razorpay.php b/woo-razorpay.php
@@ -368,6 +368,8 @@ protected function initHooks()
 
             add_action('wp_enqueue_scripts', array($this, 'enqueue_checkout_js_script_on_checkout'));
 
+            add_filter('script_loader_tag', array($this, 'add_defer_to_checkout_js'), 10, 3);
+
             add_filter( 'woocommerce_thankyou_order_received_text', array($this, 'getCustomOrdercreationMessage'), 20, 2 );
         }
 
@@ -714,20 +716,30 @@ public function newTrackPluginInstrumentation($key, $secret)
             return new TrackPluginInstrumentation($api, $key);
         }
 
-        public function enqueue_checkout_js_script_on_checkout() {
-            // Check if we're on the checkout page
-            if (is_checkout()) {
-                // Enqueue your custom script
+        public function enqueue_checkout_js_script_on_checkout()
+        {
+            if (is_checkout()) 
+            {
                 wp_enqueue_script(
-                    'razorpay-checkout-js', // Handle name for the script
-                    'https://checkout.razorpay.com/v1/checkout.js', // Path to your script file
-                    [], // Dependencies (like jQuery)
-                    null, // Version number, set to null if not needed
-                    true // Load script in footer
+                    'razorpay-checkout-js',
+                    'https://checkout.razorpay.com/v1/checkout.js',
+                    [],
+                    null,
+                    false // Load script in footer
                 );
             }
         }
 
+        public function add_defer_to_checkout_js($tag, $handle, $src)
+        {
+            if ('razorpay-checkout-js' === $handle)
+            {
+                return '<script src="' . esc_url($src) . '" defer="defer"></script>' . "\n";
+            }
+
+            return $tag;
+        }
+
         public function pluginInstrumentation()
         {
             if (empty($_POST['woocommerce_razorpay_key_id']) or