feat: Support browser-level image lazy-loading

sy-records · sy-records · commit cf0df8ccec04 · 2020-11-28T10:50:13.000+08:00
diff --git a/docs/helpers.md b/docs/helpers.md
@@ -121,6 +121,12 @@ Only when you both set the `routerMode: 'history'` and `externalLinkTarget: '_se
 ![logo](https://docsify.js.org/_media/icon.svg ':id=someCssId')
 ```
 
+### Lazy Loading
+
+```md
+![logo](https://docsify.js.org/_media/icon.svg ':loading=lazy')
+```
+
 ## Customise ID for headings
 
 ```md
diff --git a/src/core/render/compiler/image.js b/src/core/render/compiler/image.js
@@ -34,6 +34,10 @@ export const imageCompiler = ({ renderer, contentBase, router }) =>
       attrs.push(`id="${config.id}"`);
     }
 
+    if (config.loading) {
+      attrs.push(`loading="${config.loading}"`);
+    }
+
     if (!isAbsolutePath(href)) {
       url = getPath(contentBase, getParentPath(router.getCurrentPath()), href);
     }

Original file line number	Diff line number	Diff line change
`@@ -34,6 +34,10 @@ export const imageCompiler = ({ renderer, contentBase, router }) =>`
`34`	`34`	attrs.push(`id="${config.id}"`);
`35`	`35`	`}`
`36`	`36`
	`37`	`+ if (config.loading) {`
	`38`	+ attrs.push(`loading="${config.loading}"`);
	`39`	`+ }`
	`40`	`+`
`37`	`41`	`if (!isAbsolutePath(href)) {`
`38`	`42`	`url = getPath(contentBase, getParentPath(router.getCurrentPath()), href);`
`39`	`43`	`}`