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줄이니 소스보기하시면 정말 짜증나겠네요 -_-;
그리고 만든사람도 어디에 뭐가 있는지 알기 힘들겠습니다.
따라서 원본소스를 백업해두고 하셔도; 귀찮긴 하지만요 =.=
방문자들이 소스보기를 원하시는 분들은 이렇게 하지 마세요~

알고 계시는 분들이 대부분이겠지만...
조금이나마 도움이 되었기를 바랍니다.