From 12644486f4cd68a8ff2fa6cf1ccf907881766183 Mon Sep 17 00:00:00 2001
From: George Kalpakas <kalpakas.g@gmail.com>
Date: Fri, 18 Jun 2021 11:29:58 +0300
Subject: [PATCH] ci: start tracking CSS payload sizes for angular.io (#42584)

Previously, we only tracked the sizes of the eagerly loaded JS bundles.
However, the CSS styles (which also have a non-negligible size) must
also be downloaded and parsed by the browser, thus affecting the initial
rendering time.

This commit starts tracking the CSS styles payload sizes.
(Originally discussed in
https://github.com/angular/angular/pull/42584#discussion_r653787961)

PR Close #42584
---
 aio/scripts/payload.sh                  |  2 +-
 goldens/size-tracking/aio-payloads.json | 12 +++++++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/aio/scripts/payload.sh b/aio/scripts/payload.sh
index 96667f7913..1386e78bcb 100755
--- a/aio/scripts/payload.sh
+++ b/aio/scripts/payload.sh
@@ -12,4 +12,4 @@ source ../scripts/ci/payload-size.sh
 # Provide node_modules from aio
 NODE_MODULES_BIN=$PROJECT_ROOT/aio/node_modules/.bin/
 
-trackPayloadSize "$target" "dist/*.js" true "$PROJECT_ROOT/goldens/size-tracking/aio-payloads.json"
+trackPayloadSize "$target" "dist/*.css dist/*.js" true "$PROJECT_ROOT/goldens/size-tracking/aio-payloads.json"
diff --git a/goldens/size-tracking/aio-payloads.json b/goldens/size-tracking/aio-payloads.json
index 53b1d231a8..f47a98558f 100755
--- a/goldens/size-tracking/aio-payloads.json
+++ b/goldens/size-tracking/aio-payloads.json
@@ -4,7 +4,10 @@
       "uncompressed": {
         "runtime-es2017": 4619,
         "main-es2017": 456578,
-        "polyfills-es2017": 55210
+        "polyfills-es2017": 55210,
+        "styles": 69719,
+        "light-theme": 79520,
+        "dark-theme": 79419
       }
     }
   },
@@ -12,8 +15,11 @@
     "master": {
       "uncompressed": {
         "runtime-es2017": 4619,
-        "main-es2017": 456930,
-        "polyfills-es2017": 55348
+        "main-es2017": 456717,
+        "polyfills-es2017": 55348,
+        "styles": 69719,
+        "light-theme": 79520,
+        "dark-theme": 79419
       }
     }
   }