사이트 첫페이지 로딩 속도 개선 (캐싱처리)
첫페이지 로딩속도는 그 사이트의 운명을 좌우할 만큼 중요합니다.
왜냐면 대부분의 웹사용자는 3초를 기다리지 못하고 사이트를 떠나는게 현실이며
0.1초라도 더 빨리 첫페이지를 보여주는 것이 운영자의 사업이익과도 직결된다고 할 수 있겠습니다.
공통된 문제는 대부분의 사이트 첫페이지가 실시간으로 DB에 접속하고 DB에서 게시물을 가져온다는 것입니다.
이러다 보니 동시접속자가 많아지면 자연 로딩속도가 늘여지고 이탈현상이 발생되는 것이지요.
보여줄 메인HTML(최근 게시물 등 기타 MySQL쿼리 결과물 포함)을 미리 만들어 놓고 운영하는 방법입니다.
자세히 설명드리면
Linux에는 cron이라는 것이 있는데 이는 특정시간에 특정Job을 수행하는 시스템유틸리티 입니다.
이를 이용하여 매시간 5,15,25,35,45,55분에 10분뒤에 사용할 메인HTML을 만들고
사용자에게는 10분전에 만들어진 현재 시간대의 메인HTML을 보여주는것이지요.
예로 13:15이면 cron에 의해 main_1320.htm을 만들고 사용자는 main_1310.htm을 보여주고 main_1300.htm은 지웁니다.
이를 구현한 Full Source입니다.
1) cron의 내용
$ crontab -l [Enter]
5,15,25,35,45,55 * * * * /절대PATH/make_main.sh
$
크론과 쉘이 무었인지 잘 모르시면 Linux 참고문헌을 보세요.
2) make_main.sh의 내용
cd /절대PATH/
php < ./make_main.php
3) make_main.php의 내용
<?php
$main_path = "/절대PATH/main_";
$before = $main_path.substr(date("Hi",strtotime("-10 minute")),0,3)."0.htm";
$after = $main_path.substr(date("Hi",strtotime("+10 minute")),0,3)."0.htm";
$falg = 0;
$fi = fopen ("http://도메인/main.php", "r");
$fo = fopen ($after, "w");
while (!feof ($fi)) {
$buff = fgets($fi,4096);
if (ereg("<!-- MAIN.HTM 시작 -->",$buff)) $flag = 1; //앞부분 버림
if ($flag == 1) fputs($fo, $buff);
}
fclose ($fo);
fclose ($fi);
if (file_exists($before)) unlink($before);
?>
4) index.html의 내용
<?php
include("상단HTML");
$main_path = "/절대PATH/main_";
$current = $main_path.substr(date("Hi",strtotime("now")),0,3)."0.htm";
include($current);
include("하단HTML");
?><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
왜냐면 대부분의 웹사용자는 3초를 기다리지 못하고 사이트를 떠나는게 현실이며
0.1초라도 더 빨리 첫페이지를 보여주는 것이 운영자의 사업이익과도 직결된다고 할 수 있겠습니다.
공통된 문제는 대부분의 사이트 첫페이지가 실시간으로 DB에 접속하고 DB에서 게시물을 가져온다는 것입니다.
이러다 보니 동시접속자가 많아지면 자연 로딩속도가 늘여지고 이탈현상이 발생되는 것이지요.
보여줄 메인HTML(최근 게시물 등 기타 MySQL쿼리 결과물 포함)을 미리 만들어 놓고 운영하는 방법입니다.
자세히 설명드리면
Linux에는 cron이라는 것이 있는데 이는 특정시간에 특정Job을 수행하는 시스템유틸리티 입니다.
이를 이용하여 매시간 5,15,25,35,45,55분에 10분뒤에 사용할 메인HTML을 만들고
사용자에게는 10분전에 만들어진 현재 시간대의 메인HTML을 보여주는것이지요.
예로 13:15이면 cron에 의해 main_1320.htm을 만들고 사용자는 main_1310.htm을 보여주고 main_1300.htm은 지웁니다.
이를 구현한 Full Source입니다.
1) cron의 내용
$ crontab -l [Enter]
5,15,25,35,45,55 * * * * /절대PATH/make_main.sh
$
크론과 쉘이 무었인지 잘 모르시면 Linux 참고문헌을 보세요.
2) make_main.sh의 내용
cd /절대PATH/
php < ./make_main.php
3) make_main.php의 내용
<?php
$main_path = "/절대PATH/main_";
$before = $main_path.substr(date("Hi",strtotime("-10 minute")),0,3)."0.htm";
$after = $main_path.substr(date("Hi",strtotime("+10 minute")),0,3)."0.htm";
$falg = 0;
$fi = fopen ("http://도메인/main.php", "r");
$fo = fopen ($after, "w");
while (!feof ($fi)) {
$buff = fgets($fi,4096);
if (ereg("<!-- MAIN.HTM 시작 -->",$buff)) $flag = 1; //앞부분 버림
if ($flag == 1) fputs($fo, $buff);
}
fclose ($fo);
fclose ($fi);
if (file_exists($before)) unlink($before);
?>
4) index.html의 내용
<?php
include("상단HTML");
$main_path = "/절대PATH/main_";
$current = $main_path.substr(date("Hi",strtotime("now")),0,3)."0.htm";
include($current);
include("하단HTML");
?><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
댓글 1개
adeurian
18년 전
좋은 정보 감사합니다.^^
게시글 목록
| 번호 | 제목 |
|---|---|
| 10705 |
Linux
LINUX 해킹당했을 때 대처요령
2
|
| 10698 | |
| 10697 |
Flash
웹문서에 페이지 로딩중 효과 | SCRIPT
|
| 10693 |
JavaScript
플래쉬에서팝업창띄우기
3
|
| 10687 |
Flash
플래쉬 팁 여러가지
5
|
| 10683 | |
| 10681 | |
| 10680 | |
| 10677 | |
| 10671 | |
| 10670 |
JavaScript
smtp로 메일보내기(102번 게시물과는 다른 방법)
|
| 10666 | |
| 10664 |
JavaScript
아이프레임 자동으로 늘어나는 자바 스크립트.
1
|
| 10658 | |
| 10656 | |
| 10653 | |
| 10652 | |
| 10651 | |
| 10650 | |
| 10649 | |
| 10648 | |
| 10646 | |
| 10645 |
Linux
리눅스 CD로 망가진 파일복구하기
|
| 10642 |
MySQL
25가지 sql 작성법
2
|
| 28809 |
HTML
union top n 가져오기
1
|
| 10641 | |
| 10638 |
JavaScript
이미지 테두리 없애기 스타일 시트
2
|
| 10637 | |
| 10636 |
JavaScript
window.open property | +JavaScript
|
| 10635 | |
| 28808 | |
| 10634 |
JavaScript
이메일 selectbox | +JavaScript
|
| 10632 |
JavaScript
[Javascript] 끊기지 않는 배너 롤링
1
|
| 28807 |
HTML
[자바스크립트] 오늘 날짜 함수
|
| 28806 |
HTML
[자바스크립트] 라디오 버튼 비활성
|
| 10631 |
JavaScript
[Javascript] id값 변수명으로 치환
|
| 10630 | |
| 10629 |
기타
무단링크 금지 스크립트
|
| 28805 | |
| 10627 |
JavaScript
상태바의 링크 주소 감추기
1
|
| 10626 | |
| 10625 | |
| 28804 | |
| 28803 |
HTML
프레임 소스보기 막기
|
| 10624 | |
| 10623 | |
| 28802 | |
| 10622 | |
| 10620 | |
| 10619 | |
| 10618 | |
| 10616 | |
| 10615 | |
| 10613 | |
| 10611 |
MySQL
서버 상태 값 주기적으로 메일로 발송하기
1
|
| 28799 | |
| 10610 |
JavaScript
이미지도용막기
|
| 10608 | |
| 28798 |
HTML
유용한 PHP성능 개선을 위한 팁
|
| 10604 |
JavaScript
작업창이 상단메뉴바까지 올라가서 옮길수 없을때..
3
|
| 28794 |
HTML
포토샵 화면이 좁을경우..
3
|
| 10602 | |
| 10600 | |
| 28793 | |
| 10596 | |
| 10595 |
JavaScript
리눅스 SendMail 속도 UP
|
| 10593 |
기타
폼 검증용 함수
1
|
| 28792 | |
| 28791 | |
| 28790 |
HTML
콤보박스 출력용 함수
|
| 10592 |
JavaScript
특정 확장자의 아이콘을 링크 테그형태로 만들어 주는 함수
|
| 28789 |
HTML
파일업로드 클래스~~
|
| 28787 |
HTML
날짜비교 함수
1
|
| 10591 |
JavaScript
자주사용하는 자바스크립트를 클래스로 묶어봤습니다.
|
| 10590 | |
| 10589 |
JavaScript
nylon 을 이용해 리눅스에서 sock4/5 운영하기
|
| 28785 | |
| 10588 |
JavaScript
Ajax강의- 두번째 강의의 pdf(프리젠테이션) 41-49
|
| 10587 | |
| 28783 |
HTML
테이블안에 있는 글 자동 정렬하기
1
|
| 10586 | |
| 28782 | |
| 10585 |
JavaScript
Ajax강의- 첫번째 강의의 pdf중 발표문건 51-60
|
| 10574 | |
| 10571 |
JavaScript
자신의 별자리
2
|
| 10570 |
JavaScript
Ajax강의- 첫번째 강의의 pdf중 발표문건 41-50
|
| 28778 | |
| 10568 | |
| 10567 | |
| 28777 | |
| 10564 |
기타
레이어안에 달력
2
|
| 10562 | |
| 10561 |
기타
채널모드로 윈도우 열기
|
| 28776 |
HTML
전체화면으로 페이지 열기
|
| 10559 |
JavaScript
여러가지 방법으로 창닫기
1
|
| 10558 | |
| 28775 | |
| 28774 | |
| 10557 |
JavaScript
가짜 카운터 달기
|
| 10556 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기