Optimize images and html links for performance

package-lock.json

@@ -1864,7 +1864,7 @@
         },
         "util": {
           "version": "0.10.3",
-          "resolved": "https://registry.npmjs.org/util/-/util-0.10.3.tgz",
+          "resolved": "http://registry.npmjs.org/util/-/util-0.10.3.tgz",
           "integrity": "sha1-evsa/lCAUkZInj23/g7TeTNqwPk=",
           "requires": {
             "inherits": "2.0.1"
@@ -10538,7 +10538,7 @@
         },
         "css-select": {
           "version": "1.2.0",
-          "resolved": "https://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz",
+          "resolved": "http://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz",
           "integrity": "sha1-KzoRBTnFNV8c2NMUYj6HCxIeyFg=",
           "requires": {
             "boolbase": "~1.0.0",

public/index.html

@@ -7,6 +7,10 @@
       content="width=device-width, initial-scale=1, shrink-to-fit=no"
     />
     <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Information about and projects by Mitchell Simon."
+    />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
@@ -23,10 +27,12 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
     <link
+      async
       href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono"
       rel="stylesheet"
     />
     <link
+      async
       href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans"
       rel="stylesheet"
     />

src/screens/Home/index.js

@@ -2,7 +2,7 @@
 import React from 'react'
 
 import './index.css'
-import profile from '../../images/profile.jpg'
+import profile from '../../images/profile.webp'
 
 type Props = {}