Merge pull request #11 from cagov/jbum-site-performance-review

Added performance measurements.

.eleventy.js

@@ -118,7 +118,7 @@ module.exports = function (eleventyConfig) {
         }
         // if inputPath doesn't exist, log it
         if (fs.existsSync(inputPath)) {
-          console.log("  will score -> "+inputPath);
+          // console.log("  will score -> "+inputPath);
           fileList.push({outputPath:outputPath, inputPath:inputPath});
           // item.inputPath = inputPath;
           // item.outputPath = outputPath;

docs/site/_data/performance.js

@@ -0,0 +1,28 @@
+module.exports = function () {
+  return new Promise(async (resolve, reject) => {
+    // console.log("FETCHING performance data");
+    // console.trace();
+    // see details about this API in readme
+    const perfAudits = await fetch("https://18ap0iejha.execute-api.us-west-1.amazonaws.com/?site=hub.innovation.ca.gov");
+    const perfData = await perfAudits.json();
+    let pagePerformanceData = {};
+    perfData.forEach(item => {
+      if(item.performance) {
+        pagePerformanceData[item.pageURL.replace('https://hub.innovation.ca.gov/','/')] = {
+          lighthouse: {
+            performance: item.performance,
+            accessibility: 1
+          }
+        }
+      }
+      if(item.accessibility) {
+        pagePerformanceData[item.pageURL.replace('https://hub.innovation.ca.gov/','/')].lighthouse.accessibility = item.accessibility;
+      }
+    })
+
+    console.log(pagePerformanceData);
+    resolve(pagePerformanceData);
+  });
+};
+
+

docs/site/_includes/par-scores.njk

@@ -2,20 +2,24 @@
   <p>ODI grades the reading level, performance, and accessibility of all our webpages. Here are this page’s scores as of the last update:</p>
   <!-- placeholder markup for now -->
   <div class="score-display">
+    {% if performance[page.url].lighthouse.performance %}
       <span class="page-score-details">
         <span class="page-score-block p-a-2">
-          <span class="speedlify-score {{50 | getScoreColor }}">50</span>
+          <span class="speedlify-score {{(performance[page.url].lighthouse.performance * 100) | getScoreColor }}">{{performance[page.url].lighthouse.performance * 100}}</span>
           <span>Performance</span>
         </span>
         <a href="/page-score-info/#performance">Why is performance important</a>
       </span>
+    {% endif %}
+    {% if performance[page.url].lighthouse.accessibility %}
       <span class="page-score-details">
         <span class="page-score-block p-a-2">
-          <span class="speedlify-score {{ 50 | getScoreColor }}">50</span>
+          <span class="speedlify-score {{ (performance[page.url].lighthouse.accessibility  * 100) | getScoreColor }}">{{performance[page.url].lighthouse.accessibility  * 100}}</span>
           <span>Accessibility</span>
         </span>
         <a href="/page-score-info/#accessibility">Why is accessibility important</a>
       </span>
+    {% endif %}
     {% if readability[page.url].readability.ari %}
       <span class="page-score-details">
         <span class="page-score-block p-a-2">