[최적화] 누가 봐도 쉬운 코드 작성하기
2022. 5. 17.ㆍ공부/HTML,CSS
728x90
관리하기 쉬운 코드를 작성하기 위한 최적화 방법
| 블록 차단 리소스 최적화 | 리소스 용량 줄이기 | 리소스 요청 개수 줄이기 | |
| 이미지,폰트 | x | 올바른 확장자 사용 불필요한 파일 요청 지양 |
1)Image Sprite 2)WepP 3)Lazy Loading 4)간단한 아이콘은 DATA URL을 사용 |
| CSS | <head> 바로 아래 작성 | 복잡한 셀렉터 지양 공통 스타일은 클래스로 설정 |
내부 스타일 시트 사용 |
| JS | <body> 하단에 작성하거나 asyn, defer 속성 명시 | 불필요한 코드 제거 | 모듈 번들러로 번들링 |
| 공통 | x | x | 캐싱 |
'공부 > HTML,CSS' 카테고리의 다른 글
| [PostCSS] SASS보다 간단한 PostCSS (0) | 2022.06.24 |
|---|---|
| [CSS] 반응형에서 중요한 CSS의 상대 단위 (0) | 2022.06.09 |
| [CSS/SASS] 개발 환경 설정 후 SASS 이용하여 CSS 작성하기 (0) | 2022.04.28 |
| [CSS] 이미지 스프라이트(image sprite) (0) | 2022.04.27 |
| [HTML] 브라우저의 랜더링 과정 (0) | 2022.04.13 |