홈페이지 속도 개선 이것저것
페이지 정보
![profile_image](http://beautipia.co.kr/img/no_profile.gif)
본문
★ 이미지는 반드시 싸이즈를 지정 ★
이미지의 WIDTH와 HEIGHT를 입력하여 주면 로딩속도가 빨라집니다.
이미지를 삽입시 가령 sample.gif (width=200, height=60 크기) 라는
이미지를 올린다면
<img scr="sample.gif" width=200 height=60 alt="샘플">
이와같이 이미지의 폭과 높이를 모두 넣어 주는 것이
로딩에 도움을 줍니다.
또한 alt 태그를 이용하여 이미지에 대한 설명을 주면
방문객들에게 친절한 서비스를 제공하는 것이며
네스캐이프나 익스플로러 이외에 다른 텍스트 브라우저를
쓰는 사람들에게 많은 도움이 되겠죠
★ 배경 이미지를 고정시킴 ★
대부분 같은 배경 이미지가 홈페이지 전체에 이어지는 경우가 많죠
이것이 통일성도 있고 혼란을 줄이는 방법이 되기도 하니까요
이럴땐 다음 태그를 삽입시켜 주세요
배경이미지가 로딩되는 시간을 절약합니다.
<body bgproperties="fixed">
다음 페이지에서 부터는 배경 이미지가 스크롤 되지 않습니다.
★ 이미지의 숫자는 4개 이하로 ★
대부분의 웹서버는 문서를 불러올 때
동시에 네개의 GIF파일을 호출합니다.
따라서 이미지 숫자가 세개인 것과 네개인 것에는
로딩속도에 큰 차이가 없지만 네개와 다섯 개는
속도의 차이가 매우 큽니다.
이미지 숫자가 다섯개 이상이 되면 로딩이 훨씬 느려지겠죠
야후와 같은 검색엔진에서는 절대 한페이지에
이미지를 네개 이상의 이미지를 쓰지 않는다고 합니다.
한 페이지에는 네개 이하의 이미지를 사용합시다
★ HTML디자인에서 코딩을 잘못한 경우 ★
(예,플래쉬파일 올릴때 타입지정을 안함경우 등)입니다.
★ mysql_num_rows -> mysql_fetch_array 사용 ★
★ 외부 자료를 링크하신 경우 ★
이미지의 WIDTH와 HEIGHT를 입력하여 주면 로딩속도가 빨라집니다.
이미지를 삽입시 가령 sample.gif (width=200, height=60 크기) 라는
이미지를 올린다면
<img scr="sample.gif" width=200 height=60 alt="샘플">
이와같이 이미지의 폭과 높이를 모두 넣어 주는 것이
로딩에 도움을 줍니다.
또한 alt 태그를 이용하여 이미지에 대한 설명을 주면
방문객들에게 친절한 서비스를 제공하는 것이며
네스캐이프나 익스플로러 이외에 다른 텍스트 브라우저를
쓰는 사람들에게 많은 도움이 되겠죠
★ 배경 이미지를 고정시킴 ★
대부분 같은 배경 이미지가 홈페이지 전체에 이어지는 경우가 많죠
이것이 통일성도 있고 혼란을 줄이는 방법이 되기도 하니까요
이럴땐 다음 태그를 삽입시켜 주세요
배경이미지가 로딩되는 시간을 절약합니다.
<body bgproperties="fixed">
다음 페이지에서 부터는 배경 이미지가 스크롤 되지 않습니다.
★ 이미지의 숫자는 4개 이하로 ★
대부분의 웹서버는 문서를 불러올 때
동시에 네개의 GIF파일을 호출합니다.
따라서 이미지 숫자가 세개인 것과 네개인 것에는
로딩속도에 큰 차이가 없지만 네개와 다섯 개는
속도의 차이가 매우 큽니다.
이미지 숫자가 다섯개 이상이 되면 로딩이 훨씬 느려지겠죠
야후와 같은 검색엔진에서는 절대 한페이지에
이미지를 네개 이상의 이미지를 쓰지 않는다고 합니다.
한 페이지에는 네개 이하의 이미지를 사용합시다
★ HTML디자인에서 코딩을 잘못한 경우 ★
(예,플래쉬파일 올릴때 타입지정을 안함경우 등)입니다.
★ mysql_num_rows -> mysql_fetch_array 사용 ★
★ 외부 자료를 링크하신 경우 ★
- 이전글mmcache 설치 21.02.09
- 다음글datetime 형을 UNIX_TIMESTAMP형으로 변환 후 시간계산 21.02.09
댓글목록
등록된 댓글이 없습니다.