본문 바로가기
Frontend 성능 개선

[코드 최적화하기] 불필요한 코드 제거

by 율✌️ 2023. 3. 23.

1. 주석처리해둔 코드나 console.log() 삭제

사실 실행시간이나 메모리같은 프로그램 성능측면에서 이 이유로 인한 성능 저하는 아~주 미미함😅

 

하지만!! 이런 불필요한 코드가 많아지면  개발이 모두 끝난후에 배포를 했을때,

코드 다운로드 시간이나 파일크기가 커져 로딩속도가 느려질 수 있다.

 

✅ 적어도  배포전에는 불필요한 주석처리나 로깅코드 삭제하기!

 

 

2. 조건문 안에서 항상 참 또는 거짓으로 평가되는 코드 삭제

항상 참이 되는 코드라면 굳이 조건문을 써줄 필요가 ❌

 

예) 아래의 코드에서는 항상 if 조건문이 참이기 때문에 불필요하게 else 구문은 실행되지 않는다

if (true) {
  // 실행될 코드
} else {
  // 실행되지 않을 코드
}

 

항상 참이 되는 코드라면 굳이 조건문을 써줄 필요가 없음!

 

 

3. 중복된 코드가 있는지 확인하고 삭제

예) 아래의 코드에서는 함수가 중복으로 호출되어, 불필요하게 중복된 코드가 실행된다.

function hello() {
  console.log('Hello!');
}

function main() {
  hello();
  hello(); // 중복 호출
}

 

불필요하게 중복되는 코드 삭제!

 

 

4. 사용하지 않는 함수가 있는지 확인

테스트해본다고 이런 저런 함수를 만들어두고 사용하지 않는 함수를 삭제하지 않는 경우가 있다.

 

 사용하지 않을 함수는 과감하게 삭제!