oreolek/phanpy
1
0
Fork 0
Code Activity

Add lazy loading to all images

Browse source
This commit is contained in:
Lim Chee Aun 2022-12-15 14:19:48 +08:00
parent 767b092ac6
commit 45b7d42d38
1 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/status.jsx
View file

@ -81,6 +81,7 @@ function Media({ media, showOriginal, onClick }) {
alt={description}
width={width}
height={height}
loading="lazy"
style={
!showOriginal && {
backgroundColor:
@ -163,6 +164,7 @@ function Media({ media, showOriginal, onClick }) {
alt={description}
width={width}
height={height}
loading="lazy"
/>
)}
</div>
@ -215,6 +217,7 @@ function Card({ card }) {
src={image}
width={width}
height={height}
loading="lazy"
alt=""
onError={() => {
this.style.display = 'none';
@ -245,6 +248,7 @@ function Card({ card }) {
width={width}
height={height}
alt={title || description}
loading="lazy"
style={{
height: 'auto',
aspectRatio: `${width}/${height}`,