If using “defer” to load jQuery

QA Analytics utilizes jQuery, which is registered with WordPress, for measurement.
Therefore, you need to load the QA JS file after loading jQuery.

If you have a “defer” in the script tag to load ‘jquery,’ this order will be affected.
As a result, the measurement may not work properly, causing “no data” or “the heatmap does not show up even though the number of data is there”.
In addition, it cannot be denied that JS errors may occur and affect other plugins.

To avoid this, you will need to take one of the following actions.

  • Do not add “defer” to ‘jquery’.
  • Add QA Analytics (under the qa-heatmap-analytics/js directory) to the target of js files that defer written in functions.php, etc.

> Other sites for reference (in Japanese)
WordPress, async and defer to slow down the loading of JavaScript.
Scripts: async, defer
If I write more than one “script defer”, can I guarantee the execution order?
How to find out the handle names of JavaScript and CSS that are added by plugins

Related Articles