Set history and bookmark to lazy loading by default

Author: MizaGBF

js/page.js

@@ -205,6 +205,7 @@ function update_bookmark() // update bookmark list
 	{
 		var fragment = document.createDocumentFragment();
 		list_elements(fragment, bookmarks, bookmark_onclick);
+		add_lazy_to_images(fragment); // set images to lazy loading
 
 		fragment.appendChild(document.createElement("br"));
 
@@ -353,6 +354,7 @@ function update_history(id = null, type = null) // update the history list
 		}
 		var fragment = document.createDocumentFragment();
 		list_elements(fragment, search_history.slice().reverse(), history_onclick);
+		add_lazy_to_images(fragment); // set images to lazy loading
 		fragment.appendChild(document.createElement("br"));
 
 

js/util.js

@@ -3,7 +3,8 @@
 var beep_audio = new Audio("../GBFML/assets/audio/beep.ogg"); // play GBF beep
 var beep_enabled = true;
 
-async function fetchJSON(url) { // generic function to request a JSON file.
+async function fetchJSON(url) // generic function to request a JSON file.
+{
 	try
 	{
 		const response = await fetch(url);
@@ -179,4 +180,15 @@ function capitalize(string)
 	if(string.length == 0)
 		return string;
 	return string.charAt(0).toUpperCase() + string.slice(1);
+}
+
+// add lazy loading to all images found in the element children
+function add_lazy_to_images(node)
+{
+	// finds all descendant elements
+	const images = node.querySelectorAll('img');
+
+	images.forEach(img => {
+		img.loading = 'lazy';
+	});
 }