사이트 첫페이지 로딩 속도 개선 (캐싱처리)
첫페이지 로딩속도는 그 사이트의 운명을 좌우할 만큼 중요합니다.
왜냐면 대부분의 웹사용자는 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년 전
좋은 정보 감사합니다.^^
게시글 목록
| 번호 | 제목 |
|---|---|
| 10853 |
JavaScript
속도를 위해 데이터를 접속자 메모리에
|
| 10852 | |
| 10850 | |
| 28848 | |
| 10849 |
JavaScript
백그라운드에음악걸기
|
| 28847 |
HTML
배경에 그림스타일지정
|
| 10846 |
기타
메신저형식의광고
2
|
| 28846 |
HTML
많이 쓰이는 자바스크립트
|
| 10845 | |
| 28845 |
HTML
마우스로 이미지크기 변경하기
|
| 10844 |
JavaScript
도메인 주소에 자동으로 www 붙이기 (php)
|
| 28844 |
HTML
다음부동산매물스크립트1
|
| 28843 |
HTML
다음부동산매물스크립트
|
| 10843 |
JavaScript
다각형이미지슬라이드쇼(익스네츠)
|
| 28842 |
HTML
날짜 형식 입력 받은 값 확인하기
|
| 10842 | |
| 28841 |
HTML
그림클릭시 레이어 띄우기
|
| 10841 |
MySQL
그림을 디비에 저장하는 방법
|
| 28840 |
HTML
그림 앨범 스크립트
|
| 28839 |
HTML
간단한 팝업오브젝트 예제
|
| 10840 |
JavaScript
가운데 정렬된 홈페이지에서 따라다니는 레이어
|
| 10839 | |
| 24791 | |
| 24789 | |
| 10836 |
기타
외부 링크 막기
2
|
| 28838 | |
| 24788 | |
| 24787 | |
| 24786 |
계약서
농지임대차계약서
|
| 28837 | |
| 28834 |
HTML
URL옆에 뜨는 숏컷아이콘만들기.
2
|
| 10835 |
JavaScript
클릭시 펼쳐지는 메뉴
|
| 10834 |
정규표현식
수수료계산
|
| 28833 |
HTML
기본적인 페이징
|
| 28829 |
HTML
만 19세 확인하기
3
|
| 10833 |
JavaScript
IE에서 쓰는 CSS filter 사이트 소개
|
| 10831 | |
| 10830 | |
| 10829 |
JavaScript
iconv 함수 사용시 일부 글자가 변환되지 않는경우
|
| 28828 |
HTML
금액에 점찍고 한글 표시하기
|
| 10828 | |
| 10827 |
MySQL
mysql link 추가로 만들기
|
| 10823 | |
| 10822 |
기타
[펌] SAMBA 설정
|
| 10821 |
JavaScript
1-1000 까지 누락된 숫자 구하기
|
| 10820 | |
| 28822 |
HTML
간단하게 만들어본 프레임워크
5
|
| 10814 | |
| 10812 |
Flash
vr기능-도와주셈
1
|
| 10811 | |
| 10810 |
JavaScript
mod_cband 간단 정리
|
| 10808 |
Flash
간단한 플래시 보완패치입니다.
1
|
| 10804 |
JavaScript
cs..cs2 버젼...윈도우즈 탐색기프리뷰 패치(psd,ai)...
3
|
| 10797 | |
| 28821 |
HTML
IeTagConvertor
|
| 10796 | |
| 10795 |
JavaScript
ncftp 서브 디렉토리 포함 모두 전송
|
| 10794 |
JavaScript
테이블 각 row 마우스오버시 색깔바꾸기
|
| 10792 | |
| 10789 |
MySQL
apache - mod_ssl 설치하기
2
|
| 10785 | |
| 10781 | |
| 10780 |
정규표현식
자바스크립트 이메일 체크 함수
|
| 28820 |
HTML
PHP에서 홈페이지 주소 검사
|
| 10776 |
PHP
문자셋(인코딩 바꾸는 팁
3
|
| 10769 |
JavaScript
당장써먹어야 할 팁) 앞으로 gif는 물러가고 png시대가 될거 같네요
6
|
| 10766 |
JavaScript
full-down메뉴[펌]
2
|
| 10765 |
JavaScript
플래쉬 무비 전체 화면으로 뜨게 하는 fscommand
|
| 10758 |
JavaScript
코딩시 테이블을 줄입시다.
6
|
| 28818 | |
| 10754 |
JavaScript
모든 폰트 설정 한번에 바꾸기(식별자 *의 사용법)
3
|
| 10753 | |
| 10750 | |
| 28817 |
HTML
자바스크립트에서 변수 없애기
|
| 10749 | |
| 10748 | |
| 10747 | |
| 10746 |
JavaScript
[소개]윈도우 미디어 플레이어 - 컨트롤 버튼
|
| 10740 |
JavaScript
iframe사용시 높이 자동 조정
5
|
| 10738 |
Flash
플래시 무비에 레이어 올리기
1
|
| 10735 |
JavaScript
도움말 띄우기 - 관리자 페이지에 있는 것을 추림
2
|
| 10734 | |
| 28812 | |
| 10730 | |
| 10726 | |
| 10725 |
기타
자바스크립트 기초문서
|
| 28811 | |
| 10724 |
JavaScript
숫자를 한글로 변환하기
|
| 10723 |
JavaScript
디렉터리 파일 찾기 순서 DirectoryIndex
|
| 10722 | |
| 10721 | |
| 10717 | |
| 10716 |
기타
Apache 보안 팁
|
| 10715 |
JavaScript
문서루트 위치 DocumentRoot
|
| 10713 |
Linux
lilo.conf
1
|
| 10712 | |
| 10711 | |
| 10710 |
JavaScript
웹 서버가 기다리는 포트(Port)
|
| 10709 |
JavaScript
logrotate.conf의 설정및 옵션에 대한 설명
|
| 10708 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기