Use native lazy loading by default

https://squidfunk.github.io/mkdocs-material/reference/images/?h=#image-lazy-loading
nicholaswilde · Mar 6, 2023 · 7df1a90 · 7df1a90
1 parent 98582a7
commit 7df1a90
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/cmd/cook-docs/testdata/recipe.md.gotmpl b/cmd/cook-docs/testdata/recipe.md.gotmpl
@@ -1,6 +1,6 @@
 {{ template "cook.headerSection" . }}
 
-{{ template "cook.imageSection" . }}
+{{ template "cook.lazyImageSection" . }}
 
 {{ template "cook.tableSection" . }}
 

diff --git a/docs/templates.md b/docs/templates.md
@@ -13,7 +13,7 @@ this:
 ```go title="recipe.md.gotmpl"
 {{ template "cook.headerSection" . }}
 
-{{ template "cook.imageSection" . }}
+{{ template "cook.lazyImageSection" . }}
 
 {{ template "cook.tableSection" . }}
 

diff --git a/pkg/document/template.go b/pkg/document/template.go
@@ -19,7 +19,7 @@ import (
 
 const defaultDocumentationTemplate = `{{ template "cook.headerSection" . }}
 
-{{ template "cook.imageSection" . }}
+{{ template "cook.lazyImageSection" . }}
 
 {{ template "cook.tableSection" . }}
 
@@ -54,6 +54,18 @@ func getImageTemplate() string {
 	return templateBuilder.String()
 }
 
+func getLazyImageTemplate() string {
+	templateBuilder := strings.Builder{}
+
+	templateBuilder.WriteString(`{{ define "cook.lazyImageSection" }}`)
+	templateBuilder.WriteString("{{ if .Info.ImageFileName }}")
+	templateBuilder.WriteString(`![{{ .Info.RecipeName }}](../assets/images/{{ lower .Info.ImageFileName | replace " " "-" }}){ loading=lazy }`)
+	templateBuilder.WriteString("{{ end }}")
+	templateBuilder.WriteString("{{ end }}")
+
+	return templateBuilder.String()
+}
+
 func getTableTemplate() string {
 	templateBuilder := strings.Builder{}
 
@@ -306,6 +318,7 @@ func getDocumentationTemplates(recipeSearchRoot string, recipePath string, templ
 	return []string{
 		getHeaderTemplate(),
 		getImageTemplate(),
+		getLazyImageTemplate(),
 		getTableTemplate(),
 		getIngredientsTemplate(),
 		getCookwareTemplate(),