]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
docs: use defer when possible for JS
authorXhmikosR <xhmikosr@gmail.com>
Fri, 8 Mar 2024 10:53:43 +0000 (12:53 +0200)
committerXhmikosR <xhmikosr@gmail.com>
Mon, 18 Mar 2024 12:55:04 +0000 (14:55 +0200)
12 files changed:
site/assets/js/stackblitz.js
site/content/docs/5.3/examples/cheatsheet-rtl/index.html
site/content/docs/5.3/examples/cheatsheet/index.html
site/content/docs/5.3/examples/checkout-rtl/index.html
site/content/docs/5.3/examples/checkout/index.html
site/content/docs/5.3/examples/dashboard-rtl/index.html
site/content/docs/5.3/examples/dashboard/index.html
site/content/docs/5.3/examples/offcanvas-navbar/index.html
site/content/docs/5.3/examples/sidebars/index.html
site/layouts/_default/docs.html
site/layouts/_default/examples.html
site/layouts/partials/scripts.html

index 54eca3e21ab50581bcfcdd2a9555462acbf19d37..ff826247489f393029e882b0f6b165efa9473628 100644 (file)
@@ -41,7 +41,7 @@ const openBootstrapSnippet = (htmlSnippet, jsSnippet, classes) => {
     <link href="${cssCdn}" rel="stylesheet">
     <link href="https://getbootstrap.com/docs/${docsVersion}/assets/css/docs.css" rel="stylesheet">
     <title>Bootstrap Example</title>
-    <${'script'} src="${jsBundleCdn}"></${'script'}>
+    <${'script'} defer src="${jsBundleCdn}"></${'script'}>
   </head>
   <body class="p-3 m-0 border-0 ${classes}">
     <!-- Example Code Start-->
index eeb825fad3fbc1f5e12e144cbf9073aeefcda6c4..824afb4f23dcb556b30c86574acce3528327fb15 100644 (file)
@@ -5,6 +5,7 @@ extra_css:
   - "../cheatsheet/cheatsheet.rtl.css"
 extra_js:
   - src: "../cheatsheet/cheatsheet.js"
+    defer: true
 body_class: "bg-body-tertiary"
 direction: rtl
 ---
index cbe2b745c9efdf6976f88b0867c6eedc189b786e..ad52ceebb41e0e313f5e02945ab5937652c0854a 100644 (file)
@@ -5,6 +5,7 @@ extra_css:
   - "cheatsheet.css"
 extra_js:
   - src: "cheatsheet.js"
+    defer: true
 body_class: "bg-body-tertiary"
 ---
 
index 6516efea61abe8f7f2c8cd358bc502315c7abbc7..6ec0889e33894e40533a179c7588b3382b893ee9 100644 (file)
@@ -6,6 +6,7 @@ extra_css:
   - "../checkout/checkout.css"
 extra_js:
   - src: "../checkout/checkout.js"
+    defer: true
 body_class: "bg-body-tertiary"
 ---
 
index d39f0f2a41e2a7e8759954be802cdd5a0f08bf0e..a6ecd813eb17739cc39278dc849338ffe2dc6088 100644 (file)
@@ -5,6 +5,7 @@ extra_css:
   - "checkout.css"
 extra_js:
   - src: "checkout.js"
+    defer: true
 body_class: "bg-body-tertiary"
 ---
 
index d0a71f67b7ab5893f87d5421b03d0b39205e5ca6..a2ccc9e160f2674e448e2eda6021be8c759f7897 100644 (file)
@@ -7,7 +7,9 @@ extra_css:
 extra_js:
   - src: "https://cdn.jsdelivr.net/npm/chart.js@4.3.2/dist/chart.umd.js"
     integrity: "sha384-eI7PSr3L1XLISH8JdDII5YN/njoSsxfbrkCTnJrzXt+ENP5MOVBxD+l6sEG4zoLp"
+    defer: true
   - src: "dashboard.js"
+    defer: true
 ---
 
 <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
index 508e8b8c4cca57b3502a46b27559319881dcc8c6..d8941f3684b274fd475d011c9a060ba83a9cdb57 100644 (file)
@@ -6,7 +6,9 @@ extra_css:
 extra_js:
   - src: "https://cdn.jsdelivr.net/npm/chart.js@4.3.2/dist/chart.umd.js"
     integrity: "sha384-eI7PSr3L1XLISH8JdDII5YN/njoSsxfbrkCTnJrzXt+ENP5MOVBxD+l6sEG4zoLp"
+    defer: true
   - src: "dashboard.js"
+    defer: true
 ---
 
 <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
index f72583f9b1c5740cb69dabd24d3299df27c7d8ba..34c06ad88d61a3fed70ff0cca9267982ce8b912b 100644 (file)
@@ -5,6 +5,7 @@ extra_css:
   - "offcanvas-navbar.css"
 extra_js:
   - src: "offcanvas-navbar.js"
+    defer: true
 body_class: "bg-body-tertiary"
 aliases: "/docs/5.3/examples/offcanvas/"
 ---
index 02a9456cc8f5095c41f2e7ed543051b67e4a6827..135c2683239159533756aaf70e9fed45b1fd3947 100644 (file)
@@ -5,6 +5,7 @@ extra_css:
   - "sidebars.css"
 extra_js:
   - src: "sidebars.js"
+    defer: true
 body_class: ""
 ---
 
index a71e0f7b54fd40bb99f39c57690d9fe0bf9a574b..3f9463bddb3b170624791eefe06039d677f99fa2 100644 (file)
@@ -67,7 +67,7 @@
 {{ end }}
 {{ define "footer" }}
   {{ range .Page.Params.extra_js -}}
-    <script{{ with .async }} async{{ end }} src="{{ .src }}"></script>
+    <script{{ with .async }} async{{ end }}{{ with .defer }} defer{{ end }} src="{{ .src }}"></script>
   {{- end -}}
   <div class="position-fixed" aria-hidden="true"><input type="text" tabindex="-1"></div>
 {{ end }}
index 3b048a9d441435e96a200a700ae692ab8b5e1336..c252ea46eae642e2a8d367261a85765c7b20f5f0 100644 (file)
     {{ .Content }}
 
     {{- if hugo.IsProduction -}}
-      <script src="/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bundle.min.js" {{ printf "integrity=%q" .Site.Params.cdn.js_bundle_hash | safeHTMLAttr }}></script>
+      <script defer src="/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bundle.min.js" {{ printf "integrity=%q" .Site.Params.cdn.js_bundle_hash | safeHTMLAttr }}></script>
     {{- else -}}
-      <script src="/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bundle.js"></script>
+      <script defer src="/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bundle.js"></script>
     {{- end }}
 
     {{ range .Page.Params.extra_js -}}
-      <script{{ with .async }} async{{ end }} src="{{ .src }}"{{ with .integrity }} {{ printf "integrity=%q" . | safeHTMLAttr }} crossorigin="anonymous"{{ end }}></script>
+      <script{{ with .async }} async{{ end }}{{ with .defer }} defer{{ end }} src="{{ .src }}"{{ with .integrity }} {{ printf "integrity=%q" . | safeHTMLAttr }} crossorigin="anonymous"{{ end }}></script>
     {{- end -}}
   </body>
 </html>
index 22aa48d7431a40cb7ef597e9b070d871e54b601f..9d9f797d87d12a2085d3327b52605d6bbf81da66 100644 (file)
@@ -1,7 +1,7 @@
 {{ if hugo.IsProduction -}}
-  <script src="/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bundle.min.js" {{ printf "integrity=%q" .Site.Params.cdn.js_bundle_hash | safeHTMLAttr }}></script>
+  <script defer src="/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bundle.min.js" {{ printf "integrity=%q" .Site.Params.cdn.js_bundle_hash | safeHTMLAttr }}></script>
 {{ else -}}
-  <script src="/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bundle.js"></script>
+  <script defer src="/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bundle.js"></script>
 {{- end }}
 
 {{- $esbuildOptions := dict "target" "es2019" -}}
 {{- end }}
 
 {{- $applicationJs := resources.Get "js/application.js" | js.Build $esbuildOptions | resources.Copy (path.Join $targetDocsJSPath "/assets/js/application.js") }}
-<script src="{{ $applicationJs.RelPermalink }}"></script>
+<script defer src="{{ $applicationJs.RelPermalink }}"></script>
 
 {{- if (ne .Page.Layout "examples") -}}
 {{- $searchJs := resources.Get "js/search.js" | js.Build $esbuildOptions | resources.Copy (path.Join $targetDocsJSPath "/assets/js/search.js") }}
-<script async src="{{ $searchJs.RelPermalink }}"></script>
+<script defer src="{{ $searchJs.RelPermalink }}"></script>
 {{- end -}}
 
 {{ if eq .Page.Layout "docs" -}}
@@ -29,5 +29,5 @@
 -}}
 {{- $esbuildOptions = merge $esbuildOptions (dict "params" $esbuildParams) -}}
 {{- $stackblitzJs := resources.Get "js/stackblitz.js" | js.Build $esbuildOptions | resources.Copy (path.Join $targetDocsJSPath "/assets/js/stackblitz.js") }}
-<script async src="{{ $stackblitzJs.RelPermalink }}"></script>
+<script defer src="{{ $stackblitzJs.RelPermalink }}"></script>
 {{- end -}}