Using CDN and SRI for Security
In a recent audit using lighthouse on chrome I noticed that my podcast is using vulnerable release of bootstrap and jquery. Given that I use HSTS to protect my sites it is was not a big concern. Nevertheless I ventured to find the latest release of the bootstrap and jquery that I can use safely without breaking backward compatibility -- in plain English, I was looking for a drop-in replacement instead of doing a manual upgrade to the absolutely latest release.
I use cloudflare CDN as my Content Delivery Network. It supports SRI tagging to ensure that the client browser can ensure that an exact copy of what was intended to be transferred has been transferred as such.
From the following:
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js" integrity="sha256-JnqDCSpf1uxft0a84S1ECr038dZJwHL2U+F9DIAOtkc=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.min.css" integrity="sha256-8EtRe6XWoFEEhWiaPkLawAD1FkD9cbmGgEy6F46uQqU=" crossorigin="anonymous" />
I changed it to:
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
I used https://snyk.io/ to check the vulnerability reports.