온라인 기사 체크 로직 개선

 * 이 포스트는 blogkorea [블코채널 : 웹마스터들의 이야기] 에 링크 되어있습니다.

전체 기사 목록 보기와, 온라인 기사 목록 보기가 좀 성가시게 느린 것을 발견했습니다.

그래서 언젠가 고쳐야지 생각을 하고 있다가, 오늘, 고쳤습니다.

예민한 사람이 아니면 눈치를 못 챌 수도 있지만 말입니다.

로직 개선 전후 속도 차이

로직 개선 전에는 온라인 기사 목록 보기의 로딩 속도가 구글 크롬에서 6.42초였습니다.

로직 개선 후에는 1.31초로 줄어들었습니다. 다음 그림에서 확인해 보세요.

(속도 측정에 사용한 사이트는 http://webwait.com입니다.)

로직을 어떻게 고쳤나요?

이 부분은 프로그래머가 아니면 잘 못 알아들을 것이니, 관심있는 분은 펼쳐서 보세요.

목록 불러오기 파트

온라인 기사 목록을 불러올 때는 db에서 기사 관련 정보를 모두 불러오게 돼 있습니다.

기사 관련 정보는 대충 말해서 기사id, 제목, 내용, 필자정보, 온라인여부 등이 있습니다.(당연히 온라인 여부를 물어서 온라인인 경우만 불러오게 돼 있습니다. 온라인 기사 목록 보기니까요.)

is_online 함수

그리고 is_online이라는 함수를 통해 온라인 기사 여부를 측정합니다. 이 함수의 내용은 다음과 같습니다.

function($기사id){
 $query = "select * from 기사테이블 where 기사id='$기사id'";
  //db접속해서 로딩
 //온라인 기사인 게 확인되면 html 코드를 리턴
}

자, 기사 20개를 불러오면 DB에 20번 접속을 했던 것이죠.

이게 시간이 많이 걸렸던 것입니다.

옥상옥

그런데 생각해 보세요. 어차피 온라인 기사만 불러왔습니다.

그런데 온라인 여부를 또 검증할 필요가 없는 거죠.

그래서, 과감하게 로직을 수정한 것입니다.

DB에 접속할 필요가 없는 경우에는 DB접속을 하지 않고 바로 판단하도록 고쳤습니다.

재사용을 위해 고려해야 했다

사실 목록을 불러오는 부분도 include를 통해 재사용을 많이 하고, is_online 함수도 재사용을 많이 하는 함수입니다.

만약 온라인 목록 부분만을 생각한다면 그냥 is_online을 통해 판별하는 부분을 지워버리면 됩니다.

그러나 그렇게 하지 않고, is_online 함수에 인자값으로 $기사id와 $온라인여부를 모두 넣을 수 있도록 수정했습니다.

그래서 아래처럼 수정을 한 것이지요.

function is_online($option){
    //만약 인자값이 Y나 N으로 돼 있으면 DB에 접속하지 않고 바로 처리한다.
 if($option=='Y' || $option=='N'){
   $YN = $option;
  }else{
    $query = "select * from cf_gisa where $기사id='$option'";
   //디비에 접속해서 온라인 여부를 불러 온다.
   $YN = $row[$온라인여부];
 }
   if($YN=="Y"){?>
    <span class="online-only">online</span>
   <?}
}

일반 독자분들은 이해하지 못할 수도 있지만, 제 뒤에 업무를 볼 수도 있는 웹마스터나 다른 웹마스터 분들을 위해서 이렇게 코드를 자세히 썼습니다. ^^ 그래도 처음 도입부에는 흥미를 끌 수 있을 만한 내용을 써서 두 마리 토끼를 다 잡으려 한 것이니 이해해 주세요.

그럼…