Merge pull request #1716 from Office-of-Digital-Services/dev

JS defer standard
Office-of-Digital-Services · Dec 9, 2024 · a169a29 · a169a29
2 parents 2313650 + 546f11b
commit a169a29
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/pages/cdn.html b/pages/cdn.html
@@ -56,7 +56,7 @@ <h3>Using core CSS files</h3>
 <span class="text-accent-p2">&lt;link</span> <span class="text-info">href=</span><span class="text-accent7">"https://cdn.cdt.ca.gov/cdt/statetemplate/6.4.1/css/colortheme-oceanside.css"</span> <span class="text-info">rel=</span><span class="text-accent7">"stylesheet"</span>  <span class="text-info">integrity=</span><span class="text-accent7">"sha256-PC5Yszm8bAjYYFmjeL8EeB8mHo+S4dJbQt4OwA4aTmg="</span> <span class="text-info">crossorigin=</span><span class="text-accent7">"anonymous"</span><span class="text-accent-p2">&gt;</span><br /></pre>
 
     <h3>Using JS files</h3>
-    <pre><span class="text-accent-p2">&lt;script</span> <span class="text-info">src=</span><span class="text-accent7">"https://cdn.cdt.ca.gov/cdt/statetemplate/6.4.1/js/cagov.core.js"</span> <span class="text-info">integrity=</span><span class="text-accent7">"sha256-TOklMoh1iWoUNIVyzn+Wq8bS56lQWa0R8qklisvEALo="</span> <span class="text-info">crossorigin=</span><span class="text-accent7">"anonymous"</span><span class="text-accent-p2">&gt;&lt;/script&gt;</span></pre>
+    <pre><span class="text-accent-p2">&lt;script</span> <span class="text-info">src=</span><span class="text-accent7">"https://cdn.cdt.ca.gov/cdt/statetemplate/6.4.1/js/cagov.core.js"</span> <span class="text-info">integrity=</span><span class="text-accent7">"sha256-TOklMoh1iWoUNIVyzn+Wq8bS56lQWa0R8qklisvEALo="</span> <span class="text-info">defer</span> <span class="text-info">crossorigin=</span><span class="text-accent7">"anonymous"</span><span class="text-accent-p2">&gt;&lt;/script&gt;</span></pre>
 
     <h3>Crossorigin anonymous</h3>
     <p>
@@ -95,7 +95,7 @@ <h2>Web page using Web State Template CDN</h2>
      <span class="text-accent-p2">&lt;link</span> <span class="text-info">rel=</span><span class="text-accent7">"stylesheet"</span> <span class="text-info">href=</span><span class="text-accent7">"https://cdn.cdt.ca.gov/cdt/statetemplate/6.4.1/css/cagov.core.css"</span>  <span class="text-info">integrity=</span><span class="text-accent7">"sha256-OGe4kV30/3p8qPhmiORxFvLS/NrPhdifrumYA6W5W5k="</span>  <span class="text-info">crossorigin=</span><span class="text-accent7">"anonymous"</span><span class="text-accent-p2">&gt;</span>
      <span class="text-accent-p2">&lt;link</span> <span class="text-info">rel=</span><span class="text-accent7">"stylesheet"</span> <span class="text-info">href=</span><span class="text-accent7">"https://cdn.cdt.ca.gov/cdt/statetemplate/6.4.1/css/colortheme-oceanside.css"</span>   <span class="text-info">integrity=</span><span class="text-accent7">"sha256-PC5Yszm8bAjYYFmjeL8EeB8mHo+S4dJbQt4OwA4aTmg="</span>  <span class="text-info">crossorigin=</span><span class="text-accent7">"anonymous"</span><span class="text-accent-p2">&gt;</span>
      <span class="text-muted">&lt;!-- State Template JavaScript CDN --&gt;</span>
-     <span class="text-accent-p2">&lt;script </span><span class="text-info">src=</span><span class="text-accent7">"https://cdn.cdt.ca.gov/cdt/statetemplate/6.4.1/js/cagov.core.js"</span> <span class="text-info">integrity=</span><span class="text-accent7">"sha256-TOklMoh1iWoUNIVyzn+Wq8bS56lQWa0R8qklisvEALo="</span> <span class="text-info">crossorigin=</span><span class="text-accent7">"anonymous"</span><span class="text-accent-p2">&gt;&lt;/script&gt;</span>
+     <span class="text-accent-p2">&lt;script </span><span class="text-info">src=</span><span class="text-accent7">"https://cdn.cdt.ca.gov/cdt/statetemplate/6.4.1/js/cagov.core.js"</span> <span class="text-info">integrity=</span><span class="text-accent7">"sha256-TOklMoh1iWoUNIVyzn+Wq8bS56lQWa0R8qklisvEALo="</span> <span class="text-info">defer</span> <span class="text-info">crossorigin=</span><span class="text-accent7">"anonymous"</span><span class="text-accent-p2">&gt;&lt;/script&gt;</span>
 
     <span class="text-accent-p2">&lt;/head&gt;</span>
    <span class="text-accent-p2">&lt;body&gt;</span>
@@ -168,8 +168,8 @@ <h4 data-aria-accordion-heading>Version 6.4.1</h4>
           >
           <p>JS</p>
           <pre>
-&lt;script src="https://cdn.cdt.ca.gov/cdt/statetemplate/6.4.1/js/cagov.core.js" crossorigin="anonymous&gt;&lt;/script&gt;
-&lt;script src="https://cdn.cdt.ca.gov/cdt/statetemplate/6.4.1/js/cagov.core.min.js" crossorigin="anonymous"&gt;&lt;/script&gt;</pre
+&lt;script src="https://cdn.cdt.ca.gov/cdt/statetemplate/6.4.1/js/cagov.core.js" defer crossorigin="anonymous&gt;&lt;/script&gt;
+&lt;script src="https://cdn.cdt.ca.gov/cdt/statetemplate/6.4.1/js/cagov.core.min.js" defer crossorigin="anonymous"&gt;&lt;/script&gt;</pre
           >
         </div>
       </li>

diff --git a/src/_includes/head-js-css.njk b/src/_includes/head-js-css.njk
@@ -10,7 +10,7 @@
 {%- endif -%}
 <script
   type="text/javascript"
-  src="/state-template/js/cagov.core.min.js"></script>
+  src="/state-template/js/cagov.core.min.js" defer></script>
 {% for link in customjs %}
 <script src="{{ link }}"></script>
 {%- endfor -%}