diff --git a/CHANGELOG.md b/CHANGELOG.md
index b559d06a..6f29899a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,6 @@
+## X.X.X
+- Added a new flag, 'loadAPMScriptsAsync', which can load the APM related scripts automatically for Async implementations
+
 ## 23.2.2
 - Default max segmentation value count changed from 30 to 100
 
diff --git a/cypress/.eslintrc.js b/cypress/.eslintrc.js
index abe354e6..3048bbdf 100644
--- a/cypress/.eslintrc.js
+++ b/cypress/.eslintrc.js
@@ -9,7 +9,7 @@ module.exports = {
         "cypress/no-assigning-return-values": "error",
         "cypress/no-unnecessary-waiting": "off",
         "cypress/assertion-before-screenshot": "warn",
-        "cypress/unsafe-to-chain-command": "warn",
+        "cypress/unsafe-to-chain-command": "off",
         "cypress/no-force": "warn",
         "cypress/no-async-tests": "error",
         "cypress/no-pause": "error",
diff --git a/examples/example_apm.html b/examples/example_apm.html
index fe439ff6..322357b2 100644
--- a/examples/example_apm.html
+++ b/examples/example_apm.html
@@ -10,44 +10,18 @@
   <script type='text/javascript' src="../plugin/boomerang/boomerang.min.js"></script>
   <script type='text/javascript'>
 
-    //initializing countly with params
+    // initializing countly with params
     Countly.init({
       app_key: "YOUR_APP_KEY",
       url: "https://try.count.ly", //your server goes here
       debug: true
     })
+
+    // enable sessions
     Countly.track_sessions();
 
-    //Calling APM plugin method
-    Countly.track_performance({
-      RT: {
-        enabled: true
-      },
-      instrument_xhr: true,
-      AutoXHR: {
-        enabled: true,
-        alwaysSendXhr: true,
-        monitorFetch: true,
-        captureXhrRequestResponse: true
-      },
-      Continuity: {
-        enabled: true,
-        monitorLongTasks: true,
-        monitorPageBusy: true,
-        monitorFrameRate: true,
-        monitorInteractions: true,
-        afterOnload: true
-      },
-      NavigationTiming: {
-        enabled: true
-      },
-      ResourceTiming: {
-        enabled: true,
-        clearOnBeacon: true,
-        urlLimit: 2000,
-        splitAtPath: true
-      }
-    });
+    // enable APM
+    Countly.track_performance();
   </script>
 </head>
 
diff --git a/examples/example_apm_async.html b/examples/example_apm_async.html
new file mode 100644
index 00000000..1816af1c
--- /dev/null
+++ b/examples/example_apm_async.html
@@ -0,0 +1,68 @@
+<html>
+
+<head>
+	<!-- Page styling here -->
+	<link rel='stylesheet' type='text/css' href='./style/style.css'>
+
+	<!--Countly script-->
+	<script type='text/javascript'>
+		//some default pre init
+		var Countly = Countly || {};
+		Countly.q = Countly.q || [];
+
+		//provide countly initialization parameters
+		Countly.app_key = "YOUR_APP_KEY";
+		Countly.url = "https://try.count.ly"; //your server goes here
+		Countly.debug = true;
+		Countly.loadAPMScriptsAsync = true;
+		// Countly.customSourceBoomerang = "../somewhere/boomerang.min.js";
+		// Countly.customSourceCountlyBoomerang = "../somewhere/countly_boomerang.js";
+
+		//start pushing function calls to queue:
+		
+		// track sessions automatically
+		Countly.q.push(['track_sessions']);
+
+		// track sessions automatically
+		Countly.q.push(['track_pageview']);
+
+		// enable APM
+		Countly.q.push(['track_performance']);
+
+		//load countly script asynchronously
+		(function () {
+			var cly = document.createElement('script'); cly.type = 'text/javascript';
+			cly.async = true;
+			//enter url of script here
+			cly.src = '../lib/countly.js';
+			cly.onload = function () { Countly.init() };
+			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(cly, s);
+		})();
+		//send event on button click
+		function clickEvent() {
+			Countly.q.push(['add_event', {
+				key: "buttonClick",
+				"segmentation": {
+					"id": "id"
+				}
+			}]);
+		}
+	</script>
+</head>
+
+<body>
+	<!-- Header, banner etc. Top part of your site  -->
+	<div id="header">
+		<h1>Async Countly Implementation</h1>
+		<img id="logo" src="./images/logo.png">
+	</div>
+
+	<center>
+		<img src="./images/team_countly.jpg" id="wallpaper" />
+		<br />
+		<input type="button" id="testButton" onclick="clickEvent()" value="Test Button">
+		<p><a href='https://countly.com/'>Countly</a></p>
+	</center>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/examples/examples_feedback_widgets.html b/examples/examples_feedback_widgets.html
index 2efb62d5..e08a522d 100644
--- a/examples/examples_feedback_widgets.html
+++ b/examples/examples_feedback_widgets.html
@@ -28,8 +28,17 @@
         console.log(err);
         return;
       }
-      // Decide which which widget to show. Here the first one is selected. Check the below implementation for a more elaborate version.
+
+      // Decide which which widget to show. Here the first rating widget is selected. 
+      var i = countlyPresentableFeedback.length - 1;
       var countlyFeedbackWidget = countlyPresentableFeedback[0];
+      while (i--) {
+        // You can change 'rating' to 'nps' or 'survey'. Or you can create your own logic here.
+        if (countlyPresentableFeedback[i].type === 'rating') {
+          countlyFeedbackWidget = countlyPresentableFeedback[i];
+          break;
+        }
+      }
 
       // Define the element ID and the class name (optional)
       var selectorId = "";
diff --git a/examples/mpa/index.html b/examples/mpa/index.html
index b9f798ae..0b6d285f 100644
--- a/examples/mpa/index.html
+++ b/examples/mpa/index.html
@@ -11,7 +11,7 @@
 		<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'"></meta>
 	-->
   <!-- jquery-3 -->
-  <script src="https://code.jquery.com/jquery-3.5.1.min.js"
+  <script src="https://code.jquery.com/jquery-3.6.1.min.js"
     integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
   <!-- mobile view info -->
   <meta content="width=device-width, initial-scale=1, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
@@ -25,41 +25,6 @@
   <script src="helper_functions.js"></script>
   <!-- Async Countly init logic here -->
   <script type='text/javascript'>
-    // load BoomerangJS scripts after Countly is initiated this way 
-    syncScripts();
-    function syncScripts() {
-      // Here we should refer to the 'boomerang.min.js' and 'countly_boomerang.js' scripts' path in this order inside scripts array
-      // in your production implementation you would most likely have something like this:
-      // var scripts = ['../plugin/boomerang/boomerang.min.js', '../plugin/boomerang/countly_boomerang.js'];
-      //
-      // For ones with a keen eye, they might notice that these paths differ from the ones in the documentation, reason being that we would like to keep a single copy of these files
-      // in our repo so we directly refer to them from our plugin folder. 
-      //
-      // If you would like to use this example stand alone, you would need to copy those files and refer to their
-      // correct paths here. Like creating a folder and pasting them there and then referring to that folder. Folder name 
-      // does not matter as long as you provide them correctly in to the scripts array
-      var scripts = ['../../plugin/boomerang/boomerang.min.js', '../../plugin/boomerang/countly_boomerang.js'];
-      var i = 0;
-      function loopScriptList(scripts) {
-        recursiveScriptMaker(scripts[i], function () {
-          i++;
-          if (i < scripts.length) {
-            loopScriptList(scripts);
-          }
-        });
-      }
-      loopScriptList(scripts);
-    }
-    function recursiveScriptMaker(source, callback) {
-      var script = document.createElement('script');
-      script.onload = function () {
-        console.log('Successfully loaded the source: ' + source)
-        callback();
-      }
-      script.src = source;
-      document.getElementsByTagName('head')[0].appendChild(script);
-    }
-
     // Countly Related Settings
     var Countly = Countly || {};
     Countly.q = Countly.q || [];
@@ -69,6 +34,7 @@
     Countly.session_update = 30; //Time interval for session extend
     Countly.use_session_cookie = false; //if false, begin_session on every app open, be it in new tab
     Countly.debug = true;
+    Countly.loadAPMScriptsAsync = true;
     Countly.require_consent = false;
     Countly.namespace = "demo";
     Countly.inactivity_time = 1; //User will marked inactive after 1 min, i.e. stop_time and no extend session or end session
@@ -127,36 +93,8 @@
     // Countly.q.push(['track_forms']);
     // Countly.q.push(['recordDirectAttribution']);
 
-    // APM related configuration
-    Countly.q.push(["track_performance", {
-      RT: {
-        enabled: true
-      },
-      instrument_xhr: true,
-      AutoXHR: {
-        enabled: true,
-        alwaysSendXhr: true,
-        monitorFetch: true,
-        captureXhrRequestResponse: true
-      },
-      Continuity: {
-        enabled: true,
-        monitorLongTasks: true,
-        monitorPageBusy: true,
-        monitorFrameRate: true,
-        monitorInteractions: true,
-        afterOnload: true
-      },
-      NavigationTiming: {
-        enabled: true
-      },
-      ResourceTiming: {
-        enabled: true,
-        clearOnBeacon: true,
-        urlLimit: 2000,
-        splitAtPath: true
-      }
-    }]);
+    // enable APM
+    Countly.q.push(["track_performance"]);
 
     // init Countly
     (function () {
@@ -198,7 +136,7 @@ <h1>Web Demo App</h1>
     <img src="../images/team_countly.jpg" id="wallpaper" />
 
     <!-- Welcome Text. With user name. -->
-    <h2 id="welcome-user"">No User is Signed In</h2>
+    <h2 id="welcome-user">No User is Signed In</h2>
         <br />
 
     <!-- Button Group  -->
@@ -210,22 +148,22 @@ <h2 id="welcome-user"">No User is Signed In</h2>
         <!-- Widget information section  -->
         <div id="widget-info">
           <div>
-            <label for="tags"">Tags</label>
+            <label for="tags">Tags</label>
             <input id="widget-tag" value="" class="widget-info-lines"
               type="text" name="tags" readonly />
           </div>
           <div>
-            <label for="name"">Name</label>
+            <label for="name">Name</label>
             <input id="widget-name" value="" class="widget-info-lines"
               type="text" name="name" readonly />
           </div>
           <div>
-            <label for="show-policy"">Show Policy</label>
+            <label for="show-policy">Show Policy</label>
             <input id="widget-show-policy" value="" class="widget-info-lines"
               type="text" name="show-policy" readonly />
           </div>
           <div>
-            <label for="widget-id"">ID</label>
+            <label for="widget-id">ID</label>
             <input id="widget-id" value="" class="widget-info-lines"
               type="text" name="widget-id" readonly />
           </div>
diff --git a/lib/countly.js b/lib/countly.js
index da26eb66..06a25c5d 100644
--- a/lib/countly.js
+++ b/lib/countly.js
@@ -156,6 +156,14 @@
         MAX_STACKTRACE_LINES_PER_THREAD: 30,
         MAX_STACKTRACE_LINE_LENGTH: 200,
     };
+
+    /**
+     * BoomerangJS and countly
+     */
+    var CDN = {
+        BOOMERANG_SRC: "https://cdn.jsdelivr.net/npm/countly-sdk-web@latest/plugin/boomerang/boomerang.min.js",
+        CLY_BOOMERANG_SRC: "https://cdn.jsdelivr.net/npm/countly-sdk-web@latest/plugin/boomerang/countly_boomerang.js",
+    };
     /**
      *  Async api queue, push commands here to be executed when script is loaded or after
      *  @example <caption>Add command as array</caption>
@@ -180,6 +188,7 @@
     var SDK_NAME = "javascript_native_web";
 
     var urlParseRE = /^(((([^:\/#\?]+:)?(?:(\/\/)((?:(([^:@\/#\?]+)(?:\:([^:@\/#\?]+))?)@)?(([^:\/#\?\]\[]+|\[[^\/\]@#?]+\])(?:\:([0-9]+))?))?)?)?((\/?(?:[^\/\?#]+\/+)*)([^\?#]*)))?(\?[^#]+)?)(#.*)?/;
+    var apmLibrariesNotLoaded = true; // used to prevent loading apm scripts multiple times.
 
     /**
      *  @this Countly
@@ -2914,7 +2923,6 @@
                     if (callback) {
                         callback(feedbacks, null);
                     }
-                    return;
                 }
                 catch (error) {
                     log(logLevelEnums.ERROR, "get_available_feedback_widgets, Error while parsing feedback widgets list: " + error);
@@ -2997,7 +3005,6 @@
                     if (callback) {
                         callback(response, null);
                     }
-                    return;
                 }
                 catch (error) {
                     log(logLevelEnums.ERROR, "getFeedbackWidgetData, Error while parsing feedback widgets list: " + error);
@@ -4492,7 +4499,7 @@
 
     /**
      * Initialize Countly object
-     * @param {Object} conf - Countly initialization {@link Init} object with configuration options
+     * @param {Object} conf - Countly initialization/config {@link Init} object with configuration options
      * @param {string} conf.app_key - app key for your app created in Countly
      * @param {string} conf.device_id - to identify a visitor, will be auto generated if not provided
      * @param {string} conf.url - your Countly server url, you can use your server URL or IP here
@@ -4556,6 +4563,11 @@
      */
     Countly.init = function(conf) {
         conf = conf || {};
+        if (Countly.loadAPMScriptsAsync && apmLibrariesNotLoaded) {
+            apmLibrariesNotLoaded = false;
+            initAfterLoadingAPM(conf);
+            return;
+        }
         var appKey = conf.app_key || Countly.app_key;
         if (!Countly.i || !Countly.i[appKey]) {
             var inst = new Countly.CountlyClass(conf);
@@ -4571,8 +4583,183 @@
     };
 
     /**
-    *  PRIVATE METHODS
-    * */
+     * Countly object methods:
+     * Countly. 
+     *     CountlyClass: ƒ (ob)
+     *     DeviceIdType: {DEVELOPER_SUPPLIED: 0, SDK_GENERATED: 1, TEMPORARY_ID: 2}
+     *     add_consent: ƒ (feature)
+     *     add_event: ƒ (event)
+     *     add_log: ƒ (record)
+     *     app_key: "YOUR_APP_KEY"
+     *     app_version: "0.0"
+     *     begin_session: ƒ (noHeartBeat, force)
+     *     cancel_event: ƒ (key)
+     *     change_id: ƒ (newId, merge)
+     *     check_any_consent: ƒ ()
+     *     check_consent: ƒ (feature)
+     *     city: null
+     *     clearStoredId: false
+     *     collect_from_facebook: ƒ (custom)
+     *     collect_from_forms: ƒ (parent, useCustom)
+     *     country_code: null
+     *     debug: false
+     *     deserialize: ƒ (data)
+     *     device_id: undefined
+     *     disable_offline_mode: ƒ (device_id)
+     *     enableOrientationTracking: true
+     *     enableRatingWidgets: ƒ (params)
+     *     enable_feedback: ƒ (params)
+     *     enable_offline_mode: ƒ ()
+     *     end_event: ƒ (event)
+     *     end_session: ƒ (sec, force)
+     *     enrollUserToAb: ƒ (keys)
+     *     features: (14) ['sessions', 'events', 'views', 'scrolls', 'clicks', 'forms', 'crashes', 'attribution', 'users', 'star-rating', 'location', 'apm', 'feedback', 'remote-config']
+     *     fetch_remote_config: ƒ (keys, omit_keys, callback)
+     *     force_post: false
+     *     getFeedbackWidgetData: ƒ (CountlyFeedbackWidget, callback)
+     *     getSearchQuery: ƒ ()
+     *     getViewName: ƒ ()
+     *     getViewUrl: ƒ ()
+     *     get_available_feedback_widgets: ƒ (callback)
+     *     get_device_id: ƒ ()
+     *     get_device_id_type: ƒ ()
+     *     get_remote_config: ƒ (key)
+     *     group_features: ƒ (features)
+     *     halt: ƒ ()
+     *     headers: {}
+     *     heatmapWhitelist: []
+     *     i: {YOUR_APP_KEY: CountlyClass}
+     *     ignore_bots: true
+     *     ignore_prefetch: true
+     *     ignore_visitor: false
+     *     init: ƒ (conf)
+     *     initialize: ƒ ()
+     *     initializeRatingWidgets: ƒ (enableWidgets)
+     *     initialize_feedback_popups: ƒ (enableWidgets)
+     *     ip_address: null
+     *     loadAPMScriptsAsync: undefined
+     *     customSourceBoomerang: CDN.BOOMERANG_SRC or basically the cdn link to boomerang.min.js
+     *     customSourceCountlyBoomerang: CDN.CLY_BOOMERANG_SRC or basically the cdn link to countly_boomerang.js
+     *     log_error: ƒ (err, segments)
+     *     maxBreadcrumbCount: 100
+     *     maxKeyLength: 128
+     *     maxSegmentationValues: 100
+     *     maxStackTraceLineLength: 200
+     *     maxStackTraceLinesPerThread: 30
+     *     maxValueSize: 256
+     *     metrics: {}
+     *     namespace: ""
+     *     onStorageChange: ƒ (key, newValue)
+     *     onload: []
+     *     opt_in: ƒ ()
+     *     opt_out: ƒ ()
+     *     presentRatingWidgetWithID: ƒ (id)
+     *     present_feedback_widget: ƒ (presentableFeedback, id, className)
+     *     q: []
+     *     rcAutoOptinAb: true
+     *     recordDirectAttribution: ƒ (campaign_id, campaign_user_id)
+     *     recordError: ƒ (err, nonfatal, segments)
+     *     recordRatingWidgetWithID: ƒ (ratingWidget)
+     *     remote_config: false
+     *     remove_consent: ƒ (feature)
+     *     remove_consent_internal: ƒ (feature, enforceConsentUpdate)
+     *     reportFeedbackWidgetManually: ƒ (CountlyFeedbackWidget, CountlyWidgetData, widgetResult)
+     *     report_conversion: ƒ (campaign_id, campaign_user_id)
+     *     report_feedback: ƒ (ratingWidget)
+     *     report_orientation: ƒ (orientation)
+     *     report_trace: ƒ (trace)
+     *     require_consent: false
+     *     serialize: ƒ (value)
+     *     session_duration: ƒ (sec)
+     *     show_feedback_popup: ƒ (id)
+     *     start_event: ƒ (key)
+     *     start_time: ƒ ()
+     *     stop_time: ƒ ()
+     *     storage: "default" but can be "none" or "cookies" or "localstorage" == "default"
+     *     test_mode: false
+     *     test_mode_eq: false
+     *     track_clicks: ƒ (parent)
+     *     track_domains: true
+     *     track_errors: ƒ (segments)
+     *     track_forms: ƒ (parent, trackHidden)
+     *     track_links: ƒ (parent)
+     *     track_pageview: ƒ (page, ignoreList, viewSegments)
+     *     track_performance: ƒ (config)
+     *     track_scrolls: ƒ (parent)
+     *     track_sessions: ƒ ()
+     *     track_view: ƒ (page, ignoreList, segments)
+     *     url: "https://try.count.ly" or the URL you have set
+     *     useExplicitRcApi: false
+     *     userData: {set: ƒ, unset: ƒ, set_once: ƒ, increment: ƒ, increment_by: ƒ, …}
+     *     user_details: ƒ (user)
+     *     utm: {source: true, medium: true, campaign: true, term: true, content: true}
+     *     _internals: {store: ƒ, getDocWidth: ƒ, getDocHeight: ƒ, getViewportHeight: ƒ, get_page_coord: ƒ, …}
+     * 
+     */
+
+    /**
+     *  PRIVATE METHODS
+     * */
+
+    /**
+     * This is for Async implementation only
+     * This should be used to initialize the SDK with APM feature. It loads necessary scripts before initializing the SDK.
+     * @param {Object} conf - Countly config object.
+     */
+    function initAfterLoadingAPM(conf) {
+        // TODO: We assume we are in browser context. If browser context checks at top are removed this code should have its own check.
+        // TODO: We already have a loadFile and loadJS functions but they are not used here. If readability would improve that way, they can also be considered here.
+
+        // Create boomerang script
+        var boomerangScript = document.createElement("script");
+        var countlyBoomerangScript = document.createElement("script");
+
+        // Set boomerang script attributes
+        boomerangScript.async = true;
+        countlyBoomerangScript.async = true;
+
+        // Set boomerang script source
+        boomerangScript.src = Countly.customSourceBoomerang || CDN.BOOMERANG_SRC;
+        countlyBoomerangScript.src = Countly.customSourceCountlyBoomerang || CDN.CLY_BOOMERANG_SRC;
+
+        // Append boomerang script to the head
+        document.getElementsByTagName("head")[0].appendChild(boomerangScript);
+        document.getElementsByTagName("head")[0].appendChild(countlyBoomerangScript);
+
+        var boomLoaded = false;
+        var countlyBoomLoaded = false;
+        boomerangScript.onload = function() {
+            boomLoaded = true;
+        };
+        countlyBoomerangScript.onload = function() {
+            countlyBoomLoaded = true;
+        };
+
+        var timeoutCounter = 0;
+        var intervalDuration = 50;
+        var timeoutLimit = 1500; // TODO: Configurable? Mb with Countly.apmScriptLoadTimeout?
+        // init Countly only after boomerang is loaded
+        var intervalID = setInterval(function() {
+            timeoutCounter += intervalDuration;
+            if ((boomLoaded && countlyBoomLoaded) || (timeoutCounter >= timeoutLimit)) {
+                if (Countly.debug) {
+                    var message = "BoomerangJS loaded:[" + boomLoaded + "], countly_boomerang loaded:[" + countlyBoomLoaded + "].";
+                    if (boomLoaded && countlyBoomLoaded) {
+                        message = "[DEBUG] " + message;
+                        // eslint-disable-next-line no-console
+                        console.log(message);
+                    }
+                    else {
+                        message = "[WARNING] " + message + " Initializing without APM.";
+                        // eslint-disable-next-line no-console
+                        console.warn(message);
+                    }
+                }
+                Countly.init(conf);
+                clearInterval(intervalID);
+            }
+        }, intervalDuration);
+    }
 
     /**
      *  Get selected values from multi select input
diff --git a/plugin/boomerang/countly_boomerang.js b/plugin/boomerang/countly_boomerang.js
index 12e3e9ae..f881c5ac 100644
--- a/plugin/boomerang/countly_boomerang.js
+++ b/plugin/boomerang/countly_boomerang.js
@@ -6,12 +6,12 @@ Countly APM based on Boomerang JS
 Plugin being used - RT, AutoXHR, Continuity, NavigationTiming, ResourceTiming
 */
 (function cly_load_track_performance() {
-    Countly = Countly || {}; // eslint-disable-line no-global-assign
+    var Countly = Countly || {};
     Countly.onload = Countly.onload || [];
     if (typeof Countly.CountlyClass === "undefined") {
         return Countly.onload.push(function() {
             cly_load_track_performance();
-            if (!Countly.track_performance) {
+            if (!Countly.track_performance && Countly.i) {
                 Countly.track_performance = Countly.i[Countly.app_key].track_performance;
             }
         });
@@ -23,7 +23,27 @@ Plugin being used - RT, AutoXHR, Continuity, NavigationTiming, ResourceTiming
      */
     Countly.CountlyClass.prototype.track_performance = function(config) {
         var self = this;
-        config = config || {};
+        config = config || {
+            // page load timing
+            RT: {},
+            // required for automated networking traces
+            instrument_xhr: true,
+            captureXhrRequestResponse: true,
+            AutoXHR: {
+                alwaysSendXhr: true,
+                monitorFetch: true,
+                captureXhrRequestResponse: true
+            },
+            // required for screen freeze traces
+            Continuity: {
+                enabled: true,
+                monitorLongTasks: true,
+                monitorPageBusy: true,
+                monitorFrameRate: true,
+                monitorInteractions: true,
+                afterOnload: true
+            }
+        };
         var initedBoomr = false;
         /**
          *  Initialize Boomerang
