렌더링 속도 (1) 썸네일형 리스트형 [최적화] 이미지 압축과 사이즈 조절로 웹 사이트 최적화하기,로딩속도와 TBT 개선 (+이미지 압축 사이트 추천) 현재 개발 중인 예약관리 서비스에 이미지 최적화를 적용해보려고 한다. 사이트 첫화면 로그인 컴포넌트 아래에 서비스에 대해 설명하는 부분이 있다. 보다 효과적으로 서비스를 어필하기 위해 스크롤에 반응하는 애니메이션 효과를 입힌 이미지와 설명을 넣어 구현했는데... 최적화 전 - 사이트 화면 화면이 버벅이면서 뭔가 매끄럽지 않은 느낌이 든다 - 개발자 도구를 켰을 때 화면 크롬 개발자도구를 켜놓고 보면 더욱 눈에 잘 보인다 상단에 있는 대표 배경이미지가 다시 로드되는 게 눈에 보이고 이미지 애니메이션이 버벅이는 건 물론 폰트가 뒤늦게 적용되는 모습까지 다 보인다... 이대로는 안 되겠다 😫 개선해보자...! 이미지 최적화 하기 현재 서비스 첫 화면에서 사용하고 있는 이미지들이다 이미지의 크기를 보니 작게는 .. 이전 1 다음
