lazy load poll & option images

FriendsOfFlarum · May 20, 2024 · db8d93f · db8d93f
1 parent 474c745
commit db8d93f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/js/src/forum/components/Poll/PollOption.tsx b/js/src/forum/components/Poll/PollOption.tsx
@@ -75,7 +75,7 @@ export default class PollOption extends Component<PollOptionAttrs, PollState> {
 
         <div className="PollAnswer-text">{this.optionDisplayItems().toArray()}</div>
 
-        {this.option.imageUrl() ? <img className="PollAnswer-image" src={this.option.imageUrl()} alt={this.option.answer()} /> : null}
+        {this.option.imageUrl() ? <img className="PollAnswer-image" src={this.option.imageUrl()} alt={this.option.answer()} loading="lazy" /> : null}
       </label>
     );
 

diff --git a/js/src/forum/components/PostPoll.tsx b/js/src/forum/components/PostPoll.tsx
@@ -183,7 +183,7 @@ export default class PostPoll extends Component<PostPollAttrs> {
           {canSeeVoteCount && <span className={classList('PollPercent', percent !== 100 && 'PollPercent--option')}>{percent}%</span>}
         </div>
 
-        {opt.imageUrl() ? <img className="PollAnswer-image" src={opt.imageUrl()} alt={opt.answer()} /> : null}
+        {opt.imageUrl() ? <img className="PollAnswer-image" src={opt.imageUrl()} alt={opt.answer()} loading="lazy" /> : null}
       </div>
     );
-Original file line number
+Diff line change
@@ Expand Up @@
               {canSeeVoteCount && <span className={classList('PollPercent', percent !== 100 && 'PollPercent--option')}>{percent}%</span>}
             </div>
-            {opt.imageUrl() ? <img className="PollAnswer-image" src={opt.imageUrl()} alt={opt.answer()} /> : null}
+            {opt.imageUrl() ? <img className="PollAnswer-image" src={opt.imageUrl()} alt={opt.answer()} loading="lazy" /> : null}
           </div>
         );
@@ Expand Down @@