From e146bd47953df0aa46a64f5ded184a738077e908 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kristj=C3=A1n=20Oddsson?= Date: Thu, 4 Aug 2022 12:19:09 +0200 Subject: [PATCH] Fix image link and alt text Co-authored-by: Keith Cirkel --- docs/_guide/lazy-elements.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/_guide/lazy-elements.md b/docs/_guide/lazy-elements.md index 26302025..1d751122 100644 --- a/docs/_guide/lazy-elements.md +++ b/docs/_guide/lazy-elements.md @@ -5,7 +5,7 @@ subtitle: Dynamically load elements just in time A common practice in modern web development is to combine all JavaScript code into JS "bundles". By bundling the code together we avoid the network overhead of fetching each file. However the trade-off of bundling is that we might deliver JS code that will never run in the browser. -![](/guide/devtools-coverage.png) +![A screenshot from Chrome Devtools showing the Coverage panel. The panel has multiple request to JS assets and it shows that most of them have large chunks that are unused.](/catalyst/guide/devtools-coverage.png) An alternative solution to bundling is to load JavaScript just in time. Downloding the JavaScript for Catalyst controllers when the browser first encounters them can be done with the `lazyDefine` function.