From c0cabb0397811f955b9a557a1d411cb8c9cc2bde Mon Sep 17 00:00:00 2001
From: Alex Dong <support@alothemes.com>
Date: Tue, 2 Feb 2021 19:37:46 +0700
Subject: [PATCH] Optimizer Total Blocking Time

---
 view/base/web/js/grid-slider.js | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/view/base/web/js/grid-slider.js b/view/base/web/js/grid-slider.js
index 67522db..a095b16 100644
--- a/view/base/web/js/grid-slider.js
+++ b/view/base/web/js/grid-slider.js
@@ -2,7 +2,7 @@
 * @Author: Alex Dong
 * @Date:   2020-07-29 13:21:07
 * @Last Modified by:   Alex Dong
-* @Last Modified time: 2020-08-27 22:40:56
+* @Last Modified time: 2021-02-02 19:35:42
 */
 
 define([
@@ -17,7 +17,25 @@ define([
             },
 
             _create: function () {
-                this._initSlider();
+            	var options = this.options;
+            	var self = this;
+				if ("IntersectionObserver" in window) {
+					let gridSliderObserver = new IntersectionObserver(function(entries, observer) {
+						entries.forEach(function(entry) {
+							if (entry.isIntersecting) {
+								// let el = entry.target;
+								self._initSlider();
+								gridSliderObserver.unobserve(entry.target);
+							}
+						});
+					});
+
+					self.element.each(function(index, el){
+				    	gridSliderObserver.observe(el);
+				    });
+				} else {
+					self._initSlider();
+				}
             },
 
 			_uniqid: function (a = "", b = false) {
@@ -61,6 +79,7 @@ define([
 		                    });
 		                }
 		                el.on('init', function(event, slick){
+		                	$('body').trigger('contentUpdated'); // support lazyload
 		                    var video = $(this).find('.external-video');
 		                    video.click(function(event) {
 		                        var $this = $(this);