웹마스터 팁

1. 이미지는 반드시 싸이즈를 지정

이미지의 크기를 지정해주면 로딩속도가 빨라집니다.
WIDTH와 HEIGHT의 수치를 정해주는거죠.

예를 들어서 iris.gif  (width=200, height=60 크기) 라는 이미지를
홈페이지에  삽입한다면

<img scr="sample.gif" width=200 height=60 alt="아이리스길드">

이런식으로요^^

alt="아이리스길드" 는 그 그림에 대한 설명이죠




2. 다음 페이지의 이미지를 미리 받습니다

다음페이지로 연결되는 페이지라면 다음 페이지의 이미지를 미리
받아 캐시 메모리에 저장시켜두는 것이 다음페이지의 로딩속도를
빠르게 합니다.

예를 들어
다음 페이지에 iris.gif라는 큰 이미지가 있다면

<img src="iris.gif" width=1 height=1>

이런식으로 가로 세로를 1픽셀로 잡아 미리 저장해놓으면 다음
페이지 로딩시에 빠르게 이미지를 받게 됩니다.
그리고 width와 height를 1로 잡았기 때문에 현재 페이지의
스크린에는 보이지 않습니다.




3. 배경 이미지를 고정시킴

이 앞에서 설명드렸죠? 배경고정시키는 방법요^^
배경이 줄줄 따라오면 혼란스럽고 홈페이지가 산만해 보입니다.
깔끔하게 고정시켜주는 것이 좋지요.
그리고 배경이미지가 고정되면 그만큼 로딩되는 시간도 절약된
답니다.




4. 한페이지의 이미지의 숫자는 3개까지로 제한하자

대부분의 웹서버는 문서를 불러올 때 동시에 네개의 GIF파일을 호출
한다고 해요. 사실 지도 어디서 들었어여 ^^;;
그래서 네 개까지는 속도에 별 상관이 없지만 다섯 개가 될 때는
속도가 차이가 날수도 있다는군요.
이미지 숫자가 다섯개 이상이 되면 로딩이 훨씬 느려지겠죠





5. 적절한 테이블의 사용

이왕이면 알록달록 그림만 많이 넣어서 홐을 맹글면 훨씬 이쁘겠지
하고 생각 할지도 모르지만 로딩속도를 생각한다면 이미지를 가능
하면 줄이고 테이블을 이용함으로써 이미지 못지 않은 효과를 줄수
있답니다.
테이블 맹그는 것도 이미 설명 다 드렸죠?
표나 셀의 테두리선 속성, 바탕색 속성등을 이용해보세요
그렇지만 지나치게 복잡하게 나눠진 테이블도 오히려 로딩속도를
느리게 하는 이유가 되기도 합니다.
세로로 긴 테이블 보다는 가로로 긴 테이블이 속도가 빠릅니다.




6. 큰 이미지는 작게 만들어서...

페이지에 커다란 이미지가 하나 있을 경우에는 4개로 자르면 훨씬
로딩 속도가 빨라지겠죠
할수만 있다면 이미지를 조각내서 올린후 웹상에서 붙여지도록 합시다.

해상도가 중요한 경우가 아니라면 이미지를 작게 만든후에 웹상에서
이미지 사이즈를 지정하여 확대시키는 방법도 생각할 수 있겠죠.
이미지의 질을 손상시키지 않는 범위에서 jpg 보다는 gif를 쓰며 색의
종류도 불필요하게 많이 넣지 마세요
불필요한 색을 없애고 투명 이미지를 적극 활용해 보세요.




7.특수문자 이용하기

쓸데없이 목록 표시등에 이미지를 붙이는 것보다는 특수문자를 잘
활용하면 이미지 못지 않은 효과를 줄 수 있습니다.

▲ ☆ ▩ ♣ ☞ ◈

어때요 예쁘지 않은가요?

특수문자는 어떻게 불러올수 있을까요? ^^
간단한 방법이 있죠.
키보드에서 한글로 키를 맞추어놓고 한글자판 하나랑 키보드 왼쪽
Alt옆 옆에 있는 한자 키를 같이 눌러주세요.

        한글자판 + 한자키

그럼 화면 아래쪽에 특수문자가 주욱 뜹니다. 거기서 선택해서 클릭
하면 마우스 커서가 있는 부분에 특수문자가 삽입되게 되죠.
위의 문자처럼 이쁜 특수문자가 많은부분은 주로 한글 ㅁ자판 입니다.
한글 'ㅁ' 과 한자키를 같이 눌러보세요^^




  8. 반복적인 이미지의 사용

셀의 바탕화면 이미지를 모두 같은 것으로 해서 위에 글자를 입히는
겁니다. 직접 글씨를 이미지로 제작하려면 타이틀 숫자만큼 이미지가
필요하겠지만 셀 바탕그림 하나만 로딩시키고 글자는 위에 입힙니다.




9. 자바 애플릿을 너무 남용하지 말자

어떤 홈페이지를 들어가보면 애플릿을 너무 많이써서 뭐가 열리고 있는
것은 같은데 뭔지는 모르겠고 그렇다고 중단도 안되고...하여튼 사람 열
받게 만드 는 홈이 있죠.
로딩이 늦는 것은 물론이고 가끔씩 다운이 되기도 합니다.
홈페이지는 자기혼자 보고 즐길려고 만드는게 아닌이상에는 방문자를
고려 해서 만들어야 합니다.
친엄마나 되면 모를까 누가 할 일없이 세월아 네월아 하면서 다 열릴때
까지 기다리고 있겠냐구여. -_-;;
이왕이면 자바스크립트를 활용하도록 합시다




10.그외 가지가지

큰 사진 같은걸 많이 올리고 싶을땐 섬네일 (작은 이미지를 먼저 보여
주고 원하면 클릭해서 큰 사진을 보여주는) 을 사용하는 것이 좋습니다
사진을 작게 만들어서 거기에 원래의 큰 사진을 링크시켜주는거죠.
그럼 로딩속도를 높일수 있습니다.

그리고 불필요한 태그는 삭제합시다.

나모나 기타 에디터를 써서 홈을 만들경우 불필요한 태그가 많이
생기게 됩니다. 자신의 잘못이 아니라 본의 아니게 제작중 생성됩니다
홈을 다 만든후에제작후 확인하여 불필요한 태그를 삭제시키는 것이
용량을 줄여 줍니다.
제목 글쓴이 날짜
관리자페이지 전체 댓글 리스트에서 추천/비추천수 안 나오는 버그 수정법 [2] sejin7940 2012.06.22
첨부파일 증발되면 이 방법을 써보세요. [2] 쌘쓰쟁이 2012.06.23
상담용 게시판 - 확장 변수 이용 [4] file 어라얼랑 2012.06.23
XE 1.5 이상에서 모바일 페이지 별도 구성 원하는 경우 sejin7940 2012.06.23
XE로 접속 장치 구분하기 (모바일, PC + 타블렛 PC) mobile class 이용. (PHP) (수정: 템플릿 추가) [19] misol 2012.06.24
[140404] ISPconfig 호스팅 관리 패널 Luatic™ 2012.06.24
content위젯 제목 밑줄 게시판 제목의 색깔 변경방법 안내 [2] file saladin 2012.06.25
관리자의 회원포인트목록 에서 ID/닉네임 등으로 검색하는 소스 추가 [3] sejin7940 2012.06.25
Apache 2 prefork 와 worker 차이 [3] 데브위트™ 2012.06.26
XE사용 Mysql DB를 InnoDB로 바꿔봅시다 ※서버환경 사용자에 한함 [4] 흰색앵초 2012.06.30
1.5.x 사용자들 중에 IE9에서 셀렉트박스 목록이 안보일때 빽짱구 2012.06.30
게시판의 제목제거 file saladin 2012.07.02
'신고 수' 노출 함수 및 신고시 게시글 이동팁 [11] 인터니즈™ 2012.07.03
카르마님의 외부이미지 자동저장애드온 한글이미지 저장 [1] 패시브 2012.07.03
회원이 글 삭제하면 삭제하지 않고 글을 다른 게시판으로 보내기 [5] SCAC 2012.07.03
회원가입 이메일 수취 여부 선택 초기화 file 아모스리 2012.07.07
관리자 페이지 회원/회원설정 추가정보에 추가한 전화번호를 회원목록에 추가하기(수정) [1] 늘푸른이 2012.07.08
1.4 에서 1.5로 게시판 마이그레이션 팁 [12] file 마음의빈자리 2012.07.10
xe 에디터를 외부페이지에사용하기 [26] 정박사닷컴 2012.07.11
푸시알림 "유메시지" 지원 소스 및 그룹 메시지 지원합니다. [13] file 유키패드 2012.07.12