How to identify files that have been cached by the browser (Note to self)

On a recent project I needed a way to quickly see all files that were being loaded from the browser cache rather than from the webserver. Here's how I did it in using Google Chrome.

In the Chrome Inspector select "Network" then load the target page. Under the "Size" section you'll see the phrase (from cache) for all files loaded from the cache.