@@ -44,6 +44,7 @@ class="size-5 text-gray-400 dark:text-gray-500 group-hover:text-gray-600 dark:gr
44
44
<div class =" flex items-center justify-center space-x-2" >
45
45
@foreach ($model -> getReactionsSummary () as $reaction )
46
46
<img
47
+ loading =" lazy"
47
48
class =" size-4"
48
49
src =" {{ asset (" /images/reactions/{$reaction -> name }.svg" ) } }"
49
50
alt =" {{ $reaction -> name } } emoji"
@@ -73,28 +74,28 @@ class="absolute z-30 left-6 w-auto origin-top-left"
73
74
<div class =" rounded-full bg-white ring-1 ring-inset ring-gray-100 px-3 py-1.5 dark:bg-gray-800 dark:ring-white/10" >
74
75
<div class =" reactions flex items-center gap-4" >
75
76
<button type =" button" class =" {{ $buttonClasses } }" wire:click =" userReacted('clap')" >
76
- <img src =" {{ asset (' /images/reactions/clap.svg' ) } }" class =" size-5" alt =" clap emoji" />
77
+ <img loading = " lazy " src =" {{ asset (' /images/reactions/clap.svg' ) } }" class =" size-5" alt =" clap emoji" />
77
78
</button >
78
79
<button type =" button" class =" {{ $buttonClasses } }" wire:click =" userReacted('fire')" >
79
- <img src =" {{ asset (' /images/reactions/fire.svg' ) } }" class =" size-5" alt =" fire emoji" />
80
+ <img loading = " lazy " src =" {{ asset (' /images/reactions/fire.svg' ) } }" class =" size-5" alt =" fire emoji" />
80
81
</button >
81
82
<button type =" button" class =" {{ $buttonClasses } }" wire:click =" userReacted('handshake')" >
82
- <img src =" {{ asset (' /images/reactions/handshake.svg' ) } }" class =" size-5" alt =" handshake emoji" />
83
+ <img loading = " lazy " src =" {{ asset (' /images/reactions/handshake.svg' ) } }" class =" size-5" alt =" handshake emoji" />
83
84
</button >
84
85
<button type =" button" class =" {{ $buttonClasses } }" wire:click =" userReacted('joy')" >
85
- <img src =" {{ asset (' /images/reactions/joy.svg' ) } }" class =" size-5" alt =" joy emoji" />
86
+ <img loading = " lazy " src =" {{ asset (' /images/reactions/joy.svg' ) } }" class =" size-5" alt =" joy emoji" />
86
87
</button >
87
88
<button type =" button" class =" {{ $buttonClasses } }" wire:click =" userReacted('love')" >
88
- <img src =" {{ asset (' /images/reactions/love.svg' ) } }" class =" size-5" alt =" love emoji" />
89
+ <img loading = " lazy " src =" {{ asset (' /images/reactions/love.svg' ) } }" class =" size-5" alt =" love emoji" />
89
90
</button >
90
91
<button type =" button" class =" {{ $buttonClasses } }" wire:click =" userReacted('money')" >
91
- <img src =" {{ asset (' /images/reactions/money.svg' ) } }" class =" size-5" alt =" money emoji" />
92
+ <img loading = " lazy " src =" {{ asset (' /images/reactions/money.svg' ) } }" class =" size-5" alt =" money emoji" />
92
93
</button >
93
94
<button type =" button" class =" {{ $buttonClasses } }" wire:click =" userReacted('party')" >
94
- <img src =" {{ asset (' /images/reactions/party.svg' ) } }" class =" size-5" alt =" party emoji" />
95
+ <img loading = " lazy " src =" {{ asset (' /images/reactions/party.svg' ) } }" class =" size-5" alt =" party emoji" />
95
96
</button >
96
97
<button type =" button" class =" {{ $buttonClasses } }" wire:click =" userReacted('pray')" >
97
- <img src =" {{ asset (' /images/reactions/pray.svg' ) } }" class =" size-5" alt =" pray" />
98
+ <img loading = " lazy " src =" {{ asset (' /images/reactions/pray.svg' ) } }" class =" size-5" alt =" pray" />
98
99
</button >
99
100
</div >
100
101
</div >
0 commit comments