1. 용량최적화
포토샵에 save for web으로 용량최적화는 필수이다. 1mb만 넘어도 최초로딩시에 깜박이는 듯한 느낌을 지울 수 없다. 직접 측정한결과 이미지용량이 최초로딩속도에 영향을 미치는것같지는 않지만 이미지가 보여지기까지 시간이 걸리기 때문에 이미지퀄리티가 저하되지않는선에서 작은사이즈가 좋다.
2. 사이즈
특별한경우가 아니고서야 1920넘지말것 넘은것과 비교해보았는데 화질차이는 크게 느껴지지않았다. 넘을수록 사이즈만 커짐
3. 파일 이름 통일
숫자나 아무이름 붙이고 주는경우가 있는데..
되도록 logo_blabla.jpg 혹은 bg-blabla.jpg이런식으로 앞에 어떤건지 분간할 수 있도록.
반응형
'Frontend > 웹최적화' 카테고리의 다른 글
| [웹팩] html onclick 조심하기 (0) | 2023.02.24 |
|---|---|
| 이미지 src경로비교 aws외부링크 vs 내부경로 (0) | 2023.02.16 |
| 제이쿼리 최초 로딩시간 (0) | 2023.02.16 |
