@@ -734,7 +734,6 @@ public function printFooterScripts() {
734734 if ( $ this ->lazy_render_script ) {
735735 ?>
736736 <script type="text/javascript">
737- var visualizerScriptsLoaded = false;
738737 var visualizerUserInteractionEvents = [
739738 "scroll",
740739 "mouseover",
@@ -748,17 +747,13 @@ public function printFooterScripts() {
748747 });
749748
750749 function visualizerTriggerScriptLoader() {
750+ visualizerLoadScripts();
751751 visualizerUserInteractionEvents.forEach(function(event) {
752752 window.removeEventListener(event, visualizerTriggerScriptLoader, { passive: true });
753753 });
754- visualizerLoadScripts();
755754 }
756755
757756 function visualizerLoadScripts() {
758- if ( visualizerScriptsLoaded ) {
759- return;
760- }
761- visualizerScriptsLoaded = true;
762757 document.querySelectorAll("script[data-visualizer-script]").forEach(function(elem) {
763758 jQuery.getScript( elem.getAttribute("data-visualizer-script") )
764759 .done( function( script, textStatus ) {
@@ -781,20 +776,6 @@ function visualizerRefreshChart() {
781776 } );
782777 }
783778 }
784-
785- // This script tag is printed before the enqueued script tags (data-visualizer-script),
786- // so defer the viewport check until after the full DOM is parsed and those elements exist.
787- setTimeout( function() {
788- var charts = document.querySelectorAll( '.visualizer-front' );
789- var viewportHeight = window.innerHeight || document.documentElement.clientHeight;
790- for ( var i = 0; i < charts.length; i++ ) {
791- var rect = charts[ i ].getBoundingClientRect();
792- if ( rect.bottom >= 0 && rect.top <= viewportHeight ) {
793- visualizerLoadScripts();
794- return;
795- }
796- }
797- }, 0 );
798779 </script>
799780 <?php
800781 }
0 commit comments