From ee7be1dcdf2f436da4bc34a51e78a4b7bd31ebf7 Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Thu, 30 Jan 2020 15:04:30 -0500
Subject: [PATCH] Lazy load avatars. re #578

---
 src/components/Person.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/Person.js b/src/components/Person.js
index 7cb31b56..3e451fc2 100644
--- a/src/components/Person.js
+++ b/src/components/Person.js
@@ -33,7 +33,13 @@ export default function Person({ person, currentTag }) {
     <PersonWrapper>
       <PersonInner>
         <header>
-          <img width="50" height="50" src={img} alt={person.name} />
+          <img
+            width="50"
+            height="50"
+            src={img}
+            alt={person.name}
+            loading="lazy"
+          />
           <h3>
             <a href={person.url} target="_blank" rel="noopener noreferrer">
               {person.name}