웹마스터 팁
노프레임 홈페이지 수정 편리하게 &용량줄이기.
2003.07.15 18:01
이곳에서 도움을 받은것이 꽤 많은데 저도 뭔가 도움될것이 없나 해서 예전부터 사용하던 저만의 방법을 소개하고자 합니다.
노프레임 홈페이지를 만들다보면 같은 매뉴를 계속 사용해야 하므로 메모리와 용량을 더 부담시키고, 서버에도 쓸때없이 트래픽을 주게 되죠?
그것을 줄이는 간단한 방법을 소개 합니다.
우선 중복되는 부분을 골라내시고,
그다음 그 부분을 잘라서 js파일로 만들어 줍니다.
마지막으로 <HEAD> 부분에 이것을 추가 해 줍니다. (BODY에도 가능합니다,)
<script language="javascript" src="만들어놓은 JS파일의 이름.js"></script>
이것으로 여러 페이지에서 같은 파일을 읽어들여서 한군데가 틀렸을 경우 전체를 수정해야 하는 경우가 없어지고, 용량과 트래픽의 부담이 줄어듭니다.
따라서 노프레임의 매뉴가 많은 페이지 일 수록 강력한 효과를 발휘합니다.
JS파일의 구조를 설명하지 않았는데요.
구조는 간단합니다.
document.write("
이곳에 공통으로 사용될 소스를 입력합니다.
")
이게 끝입니다.
document.write("<HTML>")
document.write("<HEAD>")
document.write("</HEAD>")
document.write("<BODY>")
document.write("</bODY>")
document.write("</HTML>")
이런식으로 해도 됩니다.
치명적인 단점으로 자바스크립트를 지원하지 않는 브라우저에서는 완전 무시 해 버린다는 것입니다만...그런 브라우저를 쓰는분은 거의 없으므로 그럴일은 거의 없다고 봅니다 -_-;
예제로 보고 싶으신 분은 제 홈페이지를 구경 해 보세요.
(두가지 메인화면 양쪽에서 소스보기 해서 비교 해 보시길...)
* 저 방법에 Function을 사용해서 응용도...
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* 이 글은 신의키스(http://kissofgod.net/ )에서 Rooto님이 쓰신 글 입니다.
* 원글 : http://kissofgod.net/boardz/view.php?id=webdesign&no=148
노프레임 홈페이지를 만들다보면 같은 매뉴를 계속 사용해야 하므로 메모리와 용량을 더 부담시키고, 서버에도 쓸때없이 트래픽을 주게 되죠?
그것을 줄이는 간단한 방법을 소개 합니다.
우선 중복되는 부분을 골라내시고,
그다음 그 부분을 잘라서 js파일로 만들어 줍니다.
마지막으로 <HEAD> 부분에 이것을 추가 해 줍니다. (BODY에도 가능합니다,)
<script language="javascript" src="만들어놓은 JS파일의 이름.js"></script>
이것으로 여러 페이지에서 같은 파일을 읽어들여서 한군데가 틀렸을 경우 전체를 수정해야 하는 경우가 없어지고, 용량과 트래픽의 부담이 줄어듭니다.
따라서 노프레임의 매뉴가 많은 페이지 일 수록 강력한 효과를 발휘합니다.
JS파일의 구조를 설명하지 않았는데요.
구조는 간단합니다.
document.write("
이곳에 공통으로 사용될 소스를 입력합니다.
")
이게 끝입니다.
document.write("<HTML>")
document.write("<HEAD>")
document.write("</HEAD>")
document.write("<BODY>")
document.write("</bODY>")
document.write("</HTML>")
이런식으로 해도 됩니다.
치명적인 단점으로 자바스크립트를 지원하지 않는 브라우저에서는 완전 무시 해 버린다는 것입니다만...그런 브라우저를 쓰는분은 거의 없으므로 그럴일은 거의 없다고 봅니다 -_-;
예제로 보고 싶으신 분은 제 홈페이지를 구경 해 보세요.
(두가지 메인화면 양쪽에서 소스보기 해서 비교 해 보시길...)
* 저 방법에 Function을 사용해서 응용도...
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* 이 글은 신의키스(http://kissofgod.net/ )에서 Rooto님이 쓰신 글 입니다.
* 원글 : http://kissofgod.net/boardz/view.php?id=webdesign&no=148
댓글 9
-
푸른하늘
2003.07.15 21:33
트래픽과는 무관합니다. 수정시 용이한건 사실이지만 노프레임 홈은 모든 부분(연결된 부분까지)을 새로 읽어 들이므로 유발되는 트래픽의 양은 같다고 봐야 합니다 -
버찌소년
2003.07.15 23:58
푸른하늘//no-cache로 설정하면 모르겠지만,
임시 인터넷 파일, 캐시라는 것이 있지 않습니까, 똑같은 파일로, 계속불러오니,
캐시에 저장될테고, 그러면, 브라우져에서 똑같은 파일을 불러오지 않으니,
트래픽줄이는데 도움이 되지 않을까요? -
쟈니K
2003.07.16 09:20
저도 트래픽을 줄이는데는 도움이 별로 될것같지는 않네요.
연결된 파일까지 불러들이는거니, 다를게 없다고 생각합니다. -
푸른하늘
2003.07.16 14:01
한국과 같은 초고속 인터넷망을 쓰는 나라에서는 임시인터넷파일 이라는 게 별 의미가 없다고 봅니다. 디렉토리 내에서 이미 받은 파일을 검색을 하는 시간이 다시 받는 시간보다 반드시 짧다라고는 할 수 없으니까요 그리고 제목에서 용량줄이기는 잘못된 표현입니다. 어떤 홈이던지 임시인터넷파일에서 불러오면 마찬가지 입니다. -
토깽^ㅇ^하잉
2003.07.16 15:04
^ ^)뭐 다들 맞는말이네요 ㅋㅋ -
에지☆Willem
2003.07.18 20:16
단, 이렇게 js파일로 만들어 쓰는 방법의 단점은..
js로 만들 부분의 소스를 다 고쳐야 한다는 점이죠-_-;;
document.write("이 안에 들어가야 하는게 많다면 정말 귀찮음..");
document.write("
이렇게
하면
에러가
나구요..
");
document.write("일일이");
document.write("이렇게");
document.write("해야함... -_-;");
그래서 PHP가 된다면 PHP를 권장하는거죠..
(단..; PHP는 나모 '미리보기'에서 볼수가 없다는;) -
행복한고니
2003.07.23 01:36
많은 분들이 의미를 잘못 알고 계시는군요.
임시인터넷파일이라는 것은 분명히 의미가 있습니다.
트래픽을 줄여보겠다는 것은 클라이언트 측면이 아니라 서버 혹은 정보제공자의 입장에서 바라보는 관점입니다. HTML로 코딩된 페이지를 불러올때 같은 페이지인가 아닌가에 대한 기준은 페이지를 요청하는 URL입니다. 즉, 브라우저상에서 test.html 과 test.html?1 은 나타내주는 모습이 같을 지라도 서로 다른 페이지로 인식합니다. 따라서 위의 방법은 일반적인 HTML페이지 보다는 게시판과 같이 주소가 동적으로 변하는 곳에 쓰일 법한 것이며, 노프레임 홈페이지라는 것이 대부분 게시판 등의 웹프로그램을 포함해서 설계되므로 잘못되거나 비효율적인 정보는 아니라는 것입니다. 따라서, 어떤 홈페이지던지 임시인터넷 파일에서 불러오면 다 마찬가지라는 말도 잘못된 말이죠.
또한 임시 인터넷 파일의 크기가 몹시 크지 않다면(어딘가에서 200~300MB 정도만을 추천하길래 저도 그 정도 설정해놓고 쓰고 있습니다), 대부분의 경우 파일검색시간이 빠릅니다. 이미지도 생각하셔야죠.
만일 저같으면 조금 더 효율적인 방법을 택하겠습니다만, 어쨌거나 개념 자체는 위의 예제가 맞습니다. -
[-_-]KLclub
2003.07.30 23:12
차라리-ㅁ-;;
include 헤더
내용
include 푸터
이것도 원리는 비슷할듯-_-; -
해리포터포에버
2004.01.10 20:47
아실런지 모르겠지만 노프레임이라고 말을 하시는데 노프레임이란 뜻은 원래 없습니다.
사실 프레임이 없는게 아니라 그 자체도 하나의 프레임이기 때문이죠.
그래서 노프레임 보다는 '원프레임' 혹은 '풀프레임' 이라고 하는 것이 맞습니다.
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 엔터키 걸러내고 코멘트 무조건 10자이상으로 하게하는 자바스크립트 소스 [9] | 교행사랑 | 2003.06.06 |
| 자바스크립트로 두개 이상의 페이지 동시에 열기. [4] | 이성헌 | 2003.06.08 |
Top, Back 함께사용하기
 | sharim | 2003.06.11 |
| [스크립트]오른쪽 버튼 누르면 메뉴나오기^^ [1] | 처절초보 | 2003.06.16 |
| [스크립트] 메뉴에 마우슬 데면 서브 메뉴가 나온다 [2] | 처절초보 | 2003.06.16 |
| 손쉬운 롤오버 이미지 자동생성 [15] | 행복한고니 | 2003.06.16 |
| 웹에서그림그리기 [5] | 카이저 | 2003.06.27 |
| 아이프레임으로 나타낸 문서를 크기에 맞게 자동으로 사이즈 조절 [3] | DODGE | 2003.06.28 |
| 제로보드 사용시 아이프레임의 크기를 내용에 따라 바꿔주는 스크립트 [7] | 쿨리안 | 2003.06.28 |
| 마우스 오른쪽 버튼 누르면 원하는 메뉴 뜨게 만들기(다른사이트) [3] | 김주형 | 2003.07.03 |
| 상태바에 2개의 메세지가 뜨는 태그 | 김주형 | 2003.07.03 |
| 이미지 필터를 사용한 간단한 소스 [3] | NzeoZen | 2003.07.06 |
| 한줄씩 올라가는 뉴스티거용 인데요....제로보드하구는 어케...쩝 [12] | 하나비 | 2003.07.08 |
| 노프레임 홈페이지 수정 편리하게 &용량줄이기. [9] | 세죠위그이 | 2003.07.15 |
| 초강력 울트라..매가톤 간단...랜덤이미지.. [6] | 김한샘 | 2003.07.24 |
| HTML경고창 [수정#2] [14] | [락위듀]아렌티 | 2003.07.26 |
| 나름대로 만들어본 가운데 팝업 스크립트 [3] | phase | 2003.07.31 |
| Marquee 태그를 이용한 간단한 스크립트 [7] | 뒹굴리스트 | 2003.08.06 |
| 편리한 컴내꺼 포트개방 (com.ne.kr FTP Port Open) [1] | phase | 2003.08.16 |
| 배경도 이제 선택한다!!? [2] | NzeoZen | 2003.08.16 |