성능 개선해보기

jiseong·2022년 3월 13일
0

T I Learned

목록 보기
193/291

오늘 한일

성능 개선

웹 접근성, Best Pratices에서 낮은 점수를 보이고 있음

개선사항

aria-label

button 태그에 aira-label 속성을 추가하여 접근성 향상

image alt

image 태그에 alt 속성을 추가하여 접근성 향상

색상 개선

배경과 음악카드의 색상등의 차이가 눈에 띄지 않아 구분하기 어렵다는 의견이 존재하여 색상 개선

image ratio 개선

이미지의 크기를 강제적으로 고정하고 있어 object-fit 속성을 사용하여 개선

source map 추가

디버깅 개선을 위한 source map 추가

결과

휴식

0개의 댓글