chore: add inline tricks to decrese the size

assets/js/src/frontend/blog.js

@@ -4,6 +4,7 @@ import { httpGetAsync, isInView } from '../utils';
 let masonryContainer = null,
 	page = 2;
 const postWrapSelector = '.nv-index-posts .posts-wrapper';
+const triggerSelector = '.infinite-scroll-trigger';
 
 /**
  * Initialize blog JS.
@@ -32,9 +33,10 @@ const masonry = () => {
 	}
 
 	imagesLoaded(masonryContainer, () => {
+		const selector = `article.layout-${blogLayout}`;
 		window.nvMasonry = new Masonry(masonryContainer, {
-			itemSelector: `article.layout-${blogLayout}`,
-			columnWidth: `article.layout-${blogLayout}`,
+			itemSelector: selector,
+			columnWidth: selector,
 			percentPosition: true,
 		});
 	});
@@ -44,15 +46,14 @@ const masonry = () => {
  * Infinite scroll.
  */
 const infiniteScroll = () => {
-	if (NeveProperties.infScroll !== 'enabled') {
+	if (
+		NeveProperties.infScroll !== 'enabled' ||
+		document.querySelector(postWrapSelector) === null
+	) {
 		return;
 	}
 
-	if (document.querySelector(postWrapSelector) === null) {
-		return;
-	}
-
-	isInView(document.querySelector('.infinite-scroll-trigger'), () => {
+	isInView(document.querySelector(triggerSelector), () => {
 		if (parent && parent.wp && parent.wp.customize) {
 			parent.wp.customize.requestChangesetUpdate().then(() => {
 				requestMorePosts(true);
@@ -80,19 +81,24 @@ const requestMorePosts = (waitForLoading = false) => {
 		return;
 	}
 
-	const trigger = document.querySelector('.infinite-scroll-trigger');
+	const doc = window.document;
+	const nP = window.NeveProperties;
+
+	const trigger = doc.querySelector(triggerSelector);
 	if (trigger === null) {
 		return;
 	}
-	document.querySelector('.nv-loader').style.display = 'block';
-	if (page > NeveProperties.maxPages) {
+	const loader = doc.querySelector('.nv-loader');
+	loader.style.display = 'block';
+
+	if (page > nP.maxPages) {
 		trigger.parentNode.removeChild(trigger);
-		document.querySelector('.nv-loader').style.display = 'none';
+		loader.style.display = 'none';
 		return;
 	}
-	const blog = document.querySelector(postWrapSelector);
-	const lang = NeveProperties.lang;
-	const baseUrl = NeveProperties.endpoint + page;
+	const blog = doc.querySelector(postWrapSelector);
+	const lang = nP.lang;
+	const baseUrl = nP.endpoint + page;
 	const url = lang ? baseUrl + '/' + lang : baseUrl;
 	const requestUrl = maybeParseUrlForCustomizer(url);
 	page++;
@@ -109,13 +115,13 @@ const requestMorePosts = (waitForLoading = false) => {
 			canFetchPosts = true;
 
 			blog.innerHTML += JSON.parse(response);
-			if (NeveProperties.masonryStatus !== 'enabled') {
+			if (nP.masonryStatus !== 'enabled') {
 				return false;
 			}
 			window.nvMasonry.reloadItems();
 			window.nvMasonry.layout();
 		},
-		NeveProperties.query
+		nP.query
 	);
 };
 

package.json

@@ -29,7 +29,7 @@
 		{
 			"gzip": false,
 			"running": false,
-			"limit": "7.083 KB",
+			"limit": "7 KB",
 			"path": "assets/js/build/modern/frontend.js"
 		},
 		{