[최적화] 누가 봐도 쉬운 코드 작성하기

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 캐싱