lazy load poll & option images

FriendsOfFlarum · Jun 8, 2024 · 232eae0 · 232eae0
1 parent 9611b7e
commit 232eae0
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>
     );