웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
로그인 정보 폼에 읽지 않은 쪽지 개수 보이기.
[21]
![]() | 무얼까 | 2011.07.23 |
도라란님의 팁에 추가하여 MP3와 동영상 파일도 막고 싶을 경우.. [4] | Canto | 2011.07.23 |
제로보드 XE의 세팅중 ssl사용해제방법 | 준돌이 | 2011.07.26 |
warning: call time pass by reference 에러 해결 방법 [6] | ezi | 2011.07.28 |
모바일과 MP3 화일 JW player 로 재생 하기 꽁수 | 김성곤820 | 2011.07.28 |
모바일 메인에서 쓰는 기능을 삽입할려면 어떻게 해야 할까요?> | 최상순480 | 2011.08.02 |
모듈 개발 틀 쉽게짜기
![]() | Xiso | 2011.08.03 |
비회원이 게시글 추천할수있게하는방법
[4]
![]() | 토끼매니아 | 2011.08.03 |
닉네임이나 이름의 뒷부분을 ** 처리로 숨기고픈 경우 [2] | sejin7940 | 2011.08.06 |
게시글 주소 아주 짧게 줄이기 [11] | 웹 엔진 | 2011.08.07 |
자체 우편번호 검색DB 사용하기 | 우진홈 | 2011.08.11 |
Vimeo, Youtube 자동 썸네일 생성법(TED 추가)
[47]
![]() | 마나풀 | 2011.08.12 |
계시판 확장변수에 대하여 여쭤봅니다. [1] | 마지막드론 | 2011.08.14 |
FTP에서 인코딩 때문에 애 먹으시는 분들?
![]() | 히피♬ | 2011.08.15 |
sejin7940 게시판에 소셜XE 댓글 다는 방법 [소스코드] [5] | Treasurej | 2011.08.16 |
XE 템플릿 구문 정리 [1] | 우진홈 | 2011.08.17 |
내 PC에서 XE 설치하는 방법
[2]
![]() | amd짱좋아 | 2011.08.17 |
nginx Tip 업로드시 [Error Code: HTTP Error, File name: 파일명, Message: 413] 뜰떄 [3] | leave | 2011.08.18 |
홈페이지 접속시 XE를 바로 실행하기 [7] | ezi | 2011.08.20 |
조회수 제한 풀고, 조회수 증가값을 더 크게 하는 소스 [7] | sejin7940 | 2011.08.21 |