웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
HTML 문서 용량 줄이기
2002.02.24 13:33
1. 불필요한 따옴표 제거
요즘 보통 비쥬얼툴을 사용하면 대부분 따옴표(")가 생깁니다.
이런것들을 제거해주면 문서의 용량이 꽤 줄어듭니다.
(a) <img src="image.gif" width="100" height="20" border="0">
(b) <img src=image.gif width=100 height=20 border=0>
위의 두 소스는 똑같은 결과를 나타내지만 a소스가 b소스보다 10바이트 정도 많습니다.
공백이 있는 특별한 경우를 제외하곤 모든 따옴표를 제거해도 브라우저는 해당문서를 정확히 해석합니다.
따라서 따옴표를 제거하는 습관을 들이면 좋습니다.
2. 공백 제거
드림위버나 나모같은 비주얼툴을 사용하는 공백을 많이 씁니다.
예를들어 드림위버의 경우는
<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr>
<td>테이블</td>
</tr>
</table>
이런식으로 되더군요.
여기서 공백을 없애보겠습니다.
방법 : 찾아바꾸기(ctrl + h)에서 공백 두칸 ( )을 제거해주면 됩니다.
<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr>
<td>테이블</td>
</tr>
</table>
이 두 소스는 약 10바이트쯤 차이가 납니다.
여기서 한줄로 만들어버리면
방법 : 찾아바꾸기(ctrl + h)에서 줄 (
)을 제거해주시면 됩니다.
<table border=0 cellspacing=0 cellpadding=0 width=100%><tr><td>테이블</td></tr></table>
또다시 10바이트정도 줄어듭니다.
한 문서를 이렇게 1줄 만들어 버리면 대단히 용량이 줄어들겠죠.
하지만 1줄이니 소스보기하시면 정말 짜증나겠네요 -_-;
그리고 만든사람도 어디에 뭐가 있는지 알기 힘들겠습니다.
따라서 원본소스를 백업해두고 하셔도; 귀찮긴 하지만요 =.=
방문자들이 소스보기를 원하시는 분들은 이렇게 하지 마세요~
알고 계시는 분들이 대부분이겠지만...
조금이나마 도움이 되었기를 바랍니다.
요즘 보통 비쥬얼툴을 사용하면 대부분 따옴표(")가 생깁니다.
이런것들을 제거해주면 문서의 용량이 꽤 줄어듭니다.
(a) <img src="image.gif" width="100" height="20" border="0">
(b) <img src=image.gif width=100 height=20 border=0>
위의 두 소스는 똑같은 결과를 나타내지만 a소스가 b소스보다 10바이트 정도 많습니다.
공백이 있는 특별한 경우를 제외하곤 모든 따옴표를 제거해도 브라우저는 해당문서를 정확히 해석합니다.
따라서 따옴표를 제거하는 습관을 들이면 좋습니다.
2. 공백 제거
드림위버나 나모같은 비주얼툴을 사용하는 공백을 많이 씁니다.
예를들어 드림위버의 경우는
<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr>
<td>테이블</td>
</tr>
</table>
이런식으로 되더군요.
여기서 공백을 없애보겠습니다.
방법 : 찾아바꾸기(ctrl + h)에서 공백 두칸 ( )을 제거해주면 됩니다.
<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr>
<td>테이블</td>
</tr>
</table>
이 두 소스는 약 10바이트쯤 차이가 납니다.
여기서 한줄로 만들어버리면
방법 : 찾아바꾸기(ctrl + h)에서 줄 (
)을 제거해주시면 됩니다.
<table border=0 cellspacing=0 cellpadding=0 width=100%><tr><td>테이블</td></tr></table>
또다시 10바이트정도 줄어듭니다.
한 문서를 이렇게 1줄 만들어 버리면 대단히 용량이 줄어들겠죠.
하지만 1줄이니 소스보기하시면 정말 짜증나겠네요 -_-;
그리고 만든사람도 어디에 뭐가 있는지 알기 힘들겠습니다.
따라서 원본소스를 백업해두고 하셔도; 귀찮긴 하지만요 =.=
방문자들이 소스보기를 원하시는 분들은 이렇게 하지 마세요~
알고 계시는 분들이 대부분이겠지만...
조금이나마 도움이 되었기를 바랍니다.
댓글 9
-
티르-_-)/
2002.02.24 15:27
-_-; -
Webme
2002.02.24 20:29
테이블...-_-;; 무척 비효율적이군요... -
김의주
2002.02.24 21:54
흘 ㅡㅡㅋ 할말없는 친구네 ㅡ.ㅡ -
이대민
2002.02.26 02:46
하하..좋은정보 -
황태현
2002.03.09 11:39
저는 에디트플러스의 ALT+E F T(줄끝 공백제거) 기능을 주로 씁니다. -
incognita
2002.05.29 12:23
아주 가끔이긴 하지만 따옴표 삭제하면 안되는 경우도 있습니다. -
개가죽
2003.08.26 00:57
아주가끔도 그렇치만 원래 규칙상으로는 " 따옴표 쓰게 되어 있을겁니다.
그리고 써주는게 더 좋습니다. 미래를 위해서라면 !!
매일 html 만 할거라면야 모르겠지만요 !!
미리 손에 익혀두는게 미래를 위해서 편해집니다. -
HwangTi
2003.08.28 12:51
따옴표 삭제했다가 안돼서 고생했던 기억이 나서...
그냥 내버려 둡니다 -_-; -
☺심심
2004.05.16 01:29
아씨방새 다날려먹었다,.. 아 미친..
제목 | 글쓴이 | 날짜 |
---|---|---|
홈페이지 접속시 XE를 바로 실행하기 [7] | ezi | 2011.08.20 |
nginx Tip 업로드시 [Error Code: HTTP Error, File name: 파일명, Message: 413] 뜰떄 [3] | leave | 2011.08.18 |
내 PC에서 XE 설치하는 방법 [2] | amd짱좋아 | 2011.08.17 |
XE 템플릿 구문 정리 [1] | 우진홈 | 2011.08.17 |
sejin7940 게시판에 소셜XE 댓글 다는 방법 [소스코드] [5] | Treasurej | 2011.08.16 |
FTP에서 인코딩 때문에 애 먹으시는 분들? | 히피♬ | 2011.08.15 |
계시판 확장변수에 대하여 여쭤봅니다. [1] | 마지막드론 | 2011.08.14 |
Vimeo, Youtube 자동 썸네일 생성법(TED 추가) [47] | 마나풀 | 2011.08.12 |
자체 우편번호 검색DB 사용하기 | 우진홈 | 2011.08.11 |
게시글 주소 아주 짧게 줄이기 [11] | 웹 엔진 | 2011.08.07 |
닉네임이나 이름의 뒷부분을 ** 처리로 숨기고픈 경우 [2] | sejin7940 | 2011.08.06 |
비회원이 게시글 추천할수있게하는방법 [4] | 토끼매니아 | 2011.08.03 |
모듈 개발 틀 쉽게짜기 | Xiso | 2011.08.03 |
모바일 메인에서 쓰는 기능을 삽입할려면 어떻게 해야 할까요?> | 최상순480 | 2011.08.02 |
모바일과 MP3 화일 JW player 로 재생 하기 꽁수 | 김성곤820 | 2011.07.28 |
warning: call time pass by reference 에러 해결 방법 [6] | ezi | 2011.07.28 |
제로보드 XE의 세팅중 ssl사용해제방법 | 준돌이 | 2011.07.26 |
도라란님의 팁에 추가하여 MP3와 동영상 파일도 막고 싶을 경우.. [4] | Canto | 2011.07.23 |
로그인 정보 폼에 읽지 않은 쪽지 개수 보이기. [21] | 무얼까 | 2011.07.23 |
RefTagger (영어 성경 본문 출력기)를 설치하는 쉬운 방법 | 유샤인 | 2011.07.23 |