웹사이트 관련 팁들을 모아놓은 곳입니다. 좋은팁 공유 합시다.
글 수 186
14
조회 수 : 2921 신고 : 0
1.이미지 사이즈 지정
이미지의 WIDTH와 HEIGHT를 입력하여 주면 로딩속도가 빨라집니다.
<img src=이미지 경로 width=140, height=52> 이런식으로...
2.이미지의 숫자는 4개 이하로
대부분의 웹서버는 문서를 불러올 때 동시에 네개의 파일을 호출합니다. 따라서 이미지 숫자가 세개인 것과 네개인 것에는 로딩속도에 큰 차이가 없지만 네개와 다섯 개는 속도의 차이가 매우 큽니다.
야후와 같은 검색엔진에서는 절대 한페이지에서 이미지 4개를 초과하지 않는다고 합니다.
3.이미지 잘라 넣기
웹 서버는 동시에 4개의 이미지를 읽는 다고 하였죠.
그렇다면 페이지에 커다란 이미지가 하나 있을 경우에는 4개로 자르면 훨씬 로딩 속도가 빨라지지 않을까요? 물론 훨씬 로딩이 빨라집니다. 이미지를 조각내서 붙여지도록 합시다.
4. 이미지 용량 줄이기
해상도가 중요한 경우가 아니라면 이미지를 작게 만든후에 웹상에서 이미지 사이즈를 지정하여 확대시키는 방법도 생각할 수 있겠죠.
이미지의 질을 손상시키지 않는 범위에서 jpg 보다는 gif를 쓰며 색의 종류도 불필요하게 많이 넣지 마세요.
5.적절한 테이블의 사용
이미지를 가능하면 줄이고 테이블을 이용함으로써 깔끔하고 산뜻한 효과를 볼 수 있습니다. 표나 셀의 테두리선 속성, 바탕색 속성등을 이용하여 html문서만으로도 충분히 깔끔한 페이지를 작성할 수 있습니다.
테이블로 이미지 화일에 비해서는 훨씬 빠르지만, 로딩을 느리게 하는 원인이 되기도 합니다. 지나치게 복잡한 테이블은 자제하는 것이 좋겠습니다. 또 세로로 길게 이어지는 테이블보다는 가로로 긴 테이블이 훨씬 로딩이 빠릅니다. 태그가 훨씬 절약되고 브라우저가 읽기 쉽죠.
6.특수문자 활용하기
쓸데없이 목록 표시등에 이미지를 붙이는 것보다는 특수문자를 잘 활용하면 이미지 못지 않은 효과를 줄 수 있습니다.
▲ ☆ ▩ ♣ ☞ ◈
어때요. 예쁘죠?
7. 애플릿은 신중하게
애플릿의 단점 중 하나가 로딩속도가 느리다는 것 입니다.
꼭 쓰고 싶으신 분은 반드시 로딩속도도 확인하시고 여러 개 집어넣지 말아주세요. 홈페이지는 자기 개인의 만족만을 위한 것이 절대 아닙니다. 애플릿은 더구나 중간에 중단도 안 되지요.
8. php 사용
html문서를 확장자만 php로 바꿔 줄 경우 로딩속도가 훨씬 더 빨라집니다.
이건 php에 대해 아무것도 모르는 사람이더라도 할 수 있습니다.
출처: 유후넷
이미지의 WIDTH와 HEIGHT를 입력하여 주면 로딩속도가 빨라집니다.
<img src=이미지 경로 width=140, height=52> 이런식으로...
2.이미지의 숫자는 4개 이하로
대부분의 웹서버는 문서를 불러올 때 동시에 네개의 파일을 호출합니다. 따라서 이미지 숫자가 세개인 것과 네개인 것에는 로딩속도에 큰 차이가 없지만 네개와 다섯 개는 속도의 차이가 매우 큽니다.
야후와 같은 검색엔진에서는 절대 한페이지에서 이미지 4개를 초과하지 않는다고 합니다.
3.이미지 잘라 넣기
웹 서버는 동시에 4개의 이미지를 읽는 다고 하였죠.
그렇다면 페이지에 커다란 이미지가 하나 있을 경우에는 4개로 자르면 훨씬 로딩 속도가 빨라지지 않을까요? 물론 훨씬 로딩이 빨라집니다. 이미지를 조각내서 붙여지도록 합시다.
4. 이미지 용량 줄이기
해상도가 중요한 경우가 아니라면 이미지를 작게 만든후에 웹상에서 이미지 사이즈를 지정하여 확대시키는 방법도 생각할 수 있겠죠.
이미지의 질을 손상시키지 않는 범위에서 jpg 보다는 gif를 쓰며 색의 종류도 불필요하게 많이 넣지 마세요.
5.적절한 테이블의 사용
이미지를 가능하면 줄이고 테이블을 이용함으로써 깔끔하고 산뜻한 효과를 볼 수 있습니다. 표나 셀의 테두리선 속성, 바탕색 속성등을 이용하여 html문서만으로도 충분히 깔끔한 페이지를 작성할 수 있습니다.
테이블로 이미지 화일에 비해서는 훨씬 빠르지만, 로딩을 느리게 하는 원인이 되기도 합니다. 지나치게 복잡한 테이블은 자제하는 것이 좋겠습니다. 또 세로로 길게 이어지는 테이블보다는 가로로 긴 테이블이 훨씬 로딩이 빠릅니다. 태그가 훨씬 절약되고 브라우저가 읽기 쉽죠.
6.특수문자 활용하기
쓸데없이 목록 표시등에 이미지를 붙이는 것보다는 특수문자를 잘 활용하면 이미지 못지 않은 효과를 줄 수 있습니다.
▲ ☆ ▩ ♣ ☞ ◈
어때요. 예쁘죠?
7. 애플릿은 신중하게
애플릿의 단점 중 하나가 로딩속도가 느리다는 것 입니다.
꼭 쓰고 싶으신 분은 반드시 로딩속도도 확인하시고 여러 개 집어넣지 말아주세요. 홈페이지는 자기 개인의 만족만을 위한 것이 절대 아닙니다. 애플릿은 더구나 중간에 중단도 안 되지요.
8. php 사용
html문서를 확장자만 php로 바꿔 줄 경우 로딩속도가 훨씬 더 빨라집니다.
이건 php에 대해 아무것도 모르는 사람이더라도 할 수 있습니다.
출처: 유후넷
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
![BEST](/modules/board/skins/xe_webmini/img/common/icon_bestreply.gif)
추천수에 따른 배경색 보기
본문으로 바로가기
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
![](/modules/board/skins/xe_webmini/img/pc_emot_co.gif)
첫번째 댓글을 남겨주세요!