diff --git a/images/angular.realworld.io.png b/images/angular.realworld.io.png
new file mode 100644
index 0000000000..1f2be1d73f
Binary files /dev/null and b/images/angular.realworld.io.png differ
diff --git a/images/conduit-vanilla.herokuapp.png b/images/conduit-vanilla.herokuapp.png
new file mode 100644
index 0000000000..f390f230a2
Binary files /dev/null and b/images/conduit-vanilla.herokuapp.png differ
diff --git a/images/event-driven-web-components-realworld-example-app.png b/images/event-driven-web-components-realworld-example-app.png
new file mode 100644
index 0000000000..b445198044
Binary files /dev/null and b/images/event-driven-web-components-realworld-example-app.png differ
diff --git a/images/react-redux.realworld.png b/images/react-redux.realworld.png
new file mode 100644
index 0000000000..4aca1ddd0e
Binary files /dev/null and b/images/react-redux.realworld.png differ
diff --git a/images/vue-vuex-realworld.netlify.png b/images/vue-vuex-realworld.netlify.png
new file mode 100644
index 0000000000..7f4780211d
Binary files /dev/null and b/images/vue-vuex-realworld.netlify.png differ
diff --git a/readme.md b/readme.md
index 223c801f89..5d9ffa31d8 100644
--- a/readme.md
+++ b/readme.md
@@ -35,6 +35,23 @@ For more information on how to this works with other frontends/backends, head ov
 
 * **ShadowDOM**'s mostly shine when encapsulating CSS. But the Conduit example has one global CSS Stylesheet and for that reason, it is more efficient to not have shadowDOM's, which all would have to import that global CSS separately. Note: The biggest strength of Web Components is their shadowDOM, means in a real life examples you would share general CSS styles through CSS variables and have specific styles on each component in their respective shadowDOM. This will improve performance, since the DOM renderer only needs to respect certain CSS for certain nodes/shadowDOM's. There is a good helper Class, which you can use to simply add CSS with the lines: ```this.css = '...' ``` and to avoid resetting nodes with innerHTML, it includes a function: ```this.html = '' ```. Overall, this prototype Class helps you to easily and comfortably deal with the ShadowDOM. Have a look at: [Weedshaker's web components *(work in progress)*](https://github.com/Weedshaker/web-components/blob/master/prototypes/MasterShadow.js)
 
+# Lighthouse Audits
+
+## React / Redux (81)
+![react-redux.realworld](./images/react-redux.realworld.png)
+
+## Angular (75)
+![angular.realworld.io](./images/angular.realworld.io.png)
+
+## Vue (82)
+![vue-vuex-realworld.netlify](./images/vue-vuex-realworld.netlify.png)
+
+## Vanilla JS Web Components (92)
+![conduit-vanilla.herokuapp](./images/conduit-vanilla.herokuapp.png)
+
+## Event Driven Vanilla JS Web Components (95)
+![event-driven-web-components-realworld-example-app](./images/event-driven-web-components-realworld-example-app.png)
+
 # TODO
 
 0. Tests for: