Web Cost Optimization Initiatives

Hi guys, we have found several tasks that product teams can do to help optimize cost of web infrastructure:

Make your web pages/htmls cacheable: reducing ECS cost since we are going to enable html caching.

Ensure there is no user context in the html (e.g. tvLifetime (tvl), tvSession (tvs), currency, etc)
Use feature control & a/b test with moderation. Removing them will make caching simpler, but don't worry, we still support dynamic caching: TODO dynamic cache doc by Ryan
(OPTIONAL) Optimize the size of html itself, to reduce Network cost

Optimize client side assets of your web pages (JS/CSS): reducing Cloudfront cost

Remove unused JS library on your pages (e.g. moment-timezone, duplicate libraries) using https://github.com/webpack-contrib/webpack-bundle-analyzer
Optimize CSS, remove unused styles: https://developers.google.com/web/tools/chrome-devtools/coverage (e.g. remove legacy-gigantic style.css)

Cleanup legacy closure compiler codes: reducing Jenkins cost. If you have migrated your pages to newer stacks, please consider deleting legacy closure compiler assets.

Central efforts to optimize cost: https://docs.google.com/spreadsheets/d/1d1TvFmXHPPrdPQ1K_MqSN-LxldEiKiu-8KK1PsQ9WYY/edit#gid=347023865