{"id":6941,"date":"2025-09-29T10:28:07","date_gmt":"2025-09-29T04:58:07","guid":{"rendered":"https:\/\/holithemes.com\/plugins\/click-to-chat\/?post_type=docs&#038;p=6941"},"modified":"2025-09-29T14:21:02","modified_gmt":"2025-09-29T08:51:02","slug":"load-javascript-files","status":"publish","type":"docs","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/docs\/load-javascript-files\/","title":{"rendered":"Load JavaScript Files"},"content":{"rendered":"\n<p>Click-to-Chat supports options for loading JavaScript files (like app.js): Normal, Async, or Defer. Since version 4.27, frontend scripts load in Defer mode by default, but we can now switch to Normal or Async.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How to Change JavaScript Loading<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to <strong>Click-to-Chat <\/strong>\u2192 <strong>Other Settings.<\/strong><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"159\" height=\"156\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Other_Settings_nav.webp\" alt=\"\" class=\"wp-image-6942\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Scroll to <strong>Debug &amp; Troubleshoot<\/strong> Section<\/li>\n\n\n\n<li>Expand the <strong>JavaScript<\/strong> section.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"877\" height=\"520\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Javascript-1.webp\" alt=\"\" class=\"wp-image-6944\" style=\"width:600px;height:auto\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Javascript-1.webp 877w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Javascript-1-300x178.webp 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Javascript-1-768x455.webp 768w\" sizes=\"(max-width: 877px) 100vw, 877px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Select the loading type: Normal, Async, or Defer.<\/h4>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"428\" height=\"215\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Loading-types.webp\" alt=\"\" class=\"wp-image-6945\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Loading-types.webp 428w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Loading-types-300x151.webp 300w\" sizes=\"(max-width: 428px) 100vw, 428px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">1. Normal<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The script loads and executes immediately where it appears in the page.<\/li>\n\n\n\n<li>The browser waits for the script to finish before continuing to render the page.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">2. Async<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The script downloads while the page continues rendering.<\/li>\n\n\n\n<li>It executes as soon as it is downloaded, which may be before or after other scripts finish.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">3. Defer<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The script downloads while the page continues rendering, but executes only after the HTML is fully parsed.<\/li>\n\n\n\n<li>Scripts are executed in the order they appear in the page.<\/li>\n\n\n\n<li>This type was recommended for better experience<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Script Execution Sequence<\/h4>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"525\" height=\"531\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Async-Vs-Defer-2.webp\" alt=\"\" class=\"wp-image-6951\" style=\"width:514px;height:auto\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Async-Vs-Defer-2.webp 525w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Async-Vs-Defer-2-297x300.webp 297w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Selecting the loading type determines how Click-to-Chat\u2019s JavaScript files are loaded and executed on our website. This ensures scripts run in the intended order while the page renders smoothly.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Click-to-Chat supports options for loading JavaScript files (like app.js): Normal, Async, or Defer. Since version 4.27, frontend scripts load in Defer mode by default, but we can now switch to Normal or Async. How to Change JavaScript Loading Select the loading type: Normal, Async, or Defer. 1. Normal 2. Async 3. Defer Script Execution Sequence [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":0,"menu_order":0,"template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_htd2_assets":[]},"class_list":["post-6941","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/docs\/6941","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/types\/docs"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=6941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}