컴퓨터관련 질문과 답변 & 컴퓨터 프로그램 모음코너

Category

  낚시하고파 (2006-05-12 11:42:37, Hit : 3711, Vote : 186)

http://www.cyworld.com/woals7928

웹페이지 속도 빠르게 하는 방법 10가지

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

이미지의 WIDTH와 HEIGHT를 입력하여 주면 로딩속도가 빨라집니다. 이미지를 삽입시 가령 sample.gif (width=200, height=60 크기) 라는 이미지를 올린다면
[img scr="sample.gif" width=200 height=60 alt="샘플">
이와같이 이미지의 폭과 높이를 모두 넣어 주는 것이 로딩에 도움을 줍니다. 또한 alt 태그를 이용하여 이미지에 대한 설명을 주면 방문객들에게 친절한 서비스를 제공하는 것이며 네스캐이프나 익스플로러 이외에 다른 텍스트 브라우저를 쓰는 사람들에게 많은 도움이 되겠죠.

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

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

이와같이 가로 세로를 1픽셀로 잡아 미리 받아놓으면 캐시 메모리에 이미지가 저장되어 다음페이지 로딩시에 빠르게 이미지를 받게 됩니다.
그리고 width와 height를 1로 잡았기 때문에 현재 페이지의 스크린에는 보이지 않습니다. 설마 alt 태그로 여기에 설명을 붙이는 사람은 혹시 없겠죠?

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

대부분 같은 배경 이미지가 홈페이지 전체에 이어지는 경우가 많죠.
이것이 통일성도 있고 혼란을 줄이는 방법이 되기도 하니까요.
이럴 땐 다음 태그를 삽입시켜 주세요 배경이미지가 로딩되는 시간을 절약합니다. 다음 페이지에서 부터는 배경 이미지가 스크롤 되지 않습니다.

4. 이미지의 숫자는 4개 이하로

대부분의 웹서버는 문서를 불러올 때 동시에 네개의 GIF파일을 호출합니다. 따라서 이미지 숫자가 세개인 것과 네개인 것에는 로딩속도에 큰 차이가 없지만 네개와 다섯 개는 속도의 차이가 매우 큽니다.
이미지 숫자가 다섯개 이상이 되면 로딩이 훨씬 느려지겠죠.
야후와 같은 검색엔진에서는 절대 한페이지에 이미지를 다섯개 이상의 이미지를 쓰지 않는다고 합니다. 한 페이지에는 네개 이하의 이미지를 사용합시다. (4개 까지만 사용)

5. 적절한 테이블의 사용

이미지를 가능하면 줄이고 테이블을 이용함으로써 깔끔하고 산뜻한 효과를 볼 수 있습니다. 표나 셀의 테두리선 속성, 바탕색 속성등을 이용하여 html문서만으로도 충분히 깔끔한 페이지를 작성할 수 있습니다.
테이블로 이미지화일에 비해서는 훨씬 빠르지만 로딩을 느리게 하는 원인이 되기도 하는데 지나치게 복잡한 테이블은 자제하는 것이 좋겠습니다. 또 세로로 길게 이어지는 테이블보다는 가로로 긴 테이블이 훨씬 로딩이 빠릅니다. 태그가 훨씬 절약되고 브라우저가 읽기 쉽죠.

6. 이미지 다이어트

아까 웹 서버는 동시에 4개의 이미지를 읽는 다고 하였죠. 그렇다면 페이지에 커다란 이미지가 하나 있을 경우에는 4개로 자르면 훨씬 로딩 속도가 빨라지지 않을까요? 물론 훨씬 로딩이 빨라집니다.
이미지를 조각내서 올린후 웹상에서 붙여지도록 합시다.
해상도가 중요한 경우가 아니라면 이미지를 작게 만든후에 웹상에서 이미지 사이즈를 지정하여 확대시키는 방법도 생각할 수 있겠죠. 이미지의 질을 손상시키지 않는 범위에서 jpg 보다는 gif를 쓰며 색의 종류도 불필요하게 많이 넣지 마세요. 또 이미지의 색상을 줄이면 이미지 용량이 줄어듭니다. 따라서 불필요한 색을 없애고 투명 이미지를 적극 활용해 봅시다.

7. 특수문자 활용하기

쓸데없이 목록 표시등에 이미지를 붙이는 것보다는 특수문자를 잘 활용하면 이미지 못지 않은 효과를 줄 수 있습니다.
▲ ☆ ▩ ♣ ☞ ◈
어때요 예쁘지 않은가요? 항상 이용자의 입장에서 생각해 봅시다.
내가 만든 페이지가 손님들에게 짜증을 주지는 않는지...

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

셀의 바탕화면 이미지를 모두 같은 것으로 해서 위에 텍스트를 입히는 겁니다. 직접 글씨를 이미지로 제작하려면 타이틀 숫자만큼 이미지가 필요하겠지만 셀 바탕그림 하나만 로딩시키고 글자는 위에 입힙니다.
그렇게 함으로써 충분히 보기 좋으면서도 용량은 1/10로 줄일 수가 있겠죠.

9. 제발 애플릿 만은 신중하게

꼭 쓰고 싶으신 분은 반드시 로딩속도도 확인하시고 여러개 집어넣지 말아주세요.. 홈페이지는 자기 개인의 만족만을 위한 것이 절대 아닙니다. 애플릿은 더구나 중간에 중단도 안 되지요.. 이러한 싸이트는 절대 다시 안 옵니다. 로딩에만 1,2분씩 걸리는데 열받구 화나구 씩씩대면서 구석의 × 표시만 수도없이 누르고 있습니다. 상업적 목적의 홈페이지에서는 애플릿을 안 쓰잖아요. 아마 보안에도 문제가 있다는 말을 들은적이 있습니다. 자바스크립트로도 웬만한건 다 할 수 있습니다.

10. 그외 다른 방법들

+섬네일 이미지
큰 사진 같은걸 올릴땐 섬네일 (작은 이미지를 먼저 보여주고 원하면 클릭해서 큰 사진을 보여주는) 을 사용하는 것이 에티켓이라고 합니다.

+불필요한 태그는 삭제합시다.
나모나 위지웍 방식의 에디터를 쓸 경우 불필요한 태그가 자동으로 생성되거나 본의 아니게 제작중 생성됩니다. 제작후 확인하여 불필요한 태그를 삭제시키는 것이 용량을 줄여 줍니다.

웹페이지 빠르게 뜨게 하는법...
익스플로러 아이콘을 클릭해서 창을 띄웠을때.. 창이 좀.. 멈췄다

늦게 뜨신다.. 생각 드시는분들의 80% 이상은 이 설정으로 인해

익스플로러 창이 빨리 뜨시는걸 경험 하실겁니다...

(인터넷이.. 느리지 않을경우.. 보통 300~400 이상이면..)

익스플로러 창에 보시면

"도구 - 옵션 - 일반 - 임시 인터넷 파일 - 삭제" 를 해주시고

"도구 - 옵션 - 일반 - 임시 인터넷 파일 - 설정"

을 선택 하십시오... 그러면 창이 뜨는데..

사용할 디스크 공간에.. 작게는 100메가 단위부터.. 크게는 기가 단위까지

설정되어 있는 분들이 있습니다...

최하로 내려서 1메가로 만들어주십시오..

이부분이.. 인터넷 페이지를 띄울경우... 페이지를 하드에 저장했다가

나중에 다시 올때 하드에서 불러올건지 인터넷에서 받을건지를 정하게

되는 주요 부분 입니다.. 여기서 1메가로 정해 놓는다면...

인터넷 접속시 바로바로 받아서 페이지를 열어준다는 뜻이겠죠?? ^^

뜨는게 느리다고 생각되시는분들.. 바로 실험해보세요^^

내용출처 : [기타] 인터넷 : http://cafe.naver.com/hi114.cafe

비새 (2006-05-13 20:34:12)

마지막 임시인터넷 파일을 삭제하거나 공간을 작게 지정하면
로딩 시간이 더 걸릴듯 한데요.. 이상하네요..

새밭골 (2006-05-30 21:39:22)

^^ 비새님... 이상하죠... 마지막 부분...

일반적으로 임시 저장 공간을 크게 하여 다운로드 받게 하면 로딩 속도가 빨랐습니다.

근데.. 위대한 대한민국 광통신망의 발달로 다운로드 용량이 비정상적으로 크지 않은 사이트 일 경우 임시 인터넷 파일에서 웹브라우저로 띄우는 것보다 바로 다운로드 받느게 로딩 속도가 빠른 경우가 많아 졌습니다.

즉...
웹브라우저는 자동으로 임시 인터넷 파일과 새로 다운로드 받아야 할 파일을 비교하는 연산을 실행하게 됩니다.(임시 저장해 높은 쿠키를 기준으로 하여) 새로 갱신할 내용이 없다면 임시로 저장해 높은 파일을 띄우고 새로 갱신할 내용이 있다면 다운 로드 받습니다.

연산하는 시간 만큼 느리다는 것이죠. ^^

또한 임시 공간이 크면 그만큼 임시로 저장된 양이 많은것입니다. 비교할 대상도 많아지고요. ^^

그림이 많지 않은 사이트 및 정보가 자주 갱신되는 텍스트 위주의 사이를 방문한다면 임시저장 기능을 사용하지 않는것이 득이 되고요.

사진이 많은 사이트(한번 클릭에 아주 많은 사진을 보는). 예를 들자면 한 화보집....을 시간이 날때 마다.. 감상하고자 한다면 임시 저장 기능을 이용하는게 좋죠 ^^

그런데 조건이 시시각각 변화 하기에... 임시 저장기능은 사용하고 대신 저장 공간을 줄이면 가장 좋은 조건이 될것으로 판단 됩니다.

제 머리속에 있는것 그냥 주절 주절 해 봤습니다. 그래서 혹시 기술적으로 틀린 부분이 있을지도 모르겠습니다.



271 [질문답변] 답답합니다 [7] 최조사 2006/05/24 2962 227

270 [질문답변] 컴을 바꾸고 싶은데 ... [9] 부쉬맨 2006/05/20 2535 172

269 [질문답변] 그림 자료 테스트.. [6] 양산별곡 2006/05/17 2751 258

268 [질문답변] 낚쑤여행/연습 [1] 칸델라 2006/05/15 2466 163

267 [질문답변] 연습 [5] 붕어꼬시기 2006/05/12 2902 226

266 [질문답변] 계속 연습중입니다. [2] 나무꾼 2006/05/12 2780 234

265 [질문답변] 사진 여러장 올리기 가르쳐주세요 [1] 붕어꼬시기 2006/05/12 2492 202

264 [질문답변] 연습 [5] 나무꾼 2006/05/12 2537 212

[질문답변] 웹페이지 속도 빠르게 하는 방법 10가지 [2] 낚시하고파 2006/05/12 3711 186

262 [질문답변] 컴 인터넷 속도 향상방법 [2] 애담 2006/05/05 3663 175

261 [질문답변] 휴대폰 사진 올리는 방법 질문.. [6] 2006/05/04 4407 284

260 [질문답변] 휴대폰으로 찍은 동영상 올리는 방법 [6] 2006/05/04 4241 311

259 [질문답변] 연습입니다. 정숙지존 2006/05/01 2436 212

258 [질문답변] 사진이 안보입니다 [3] 삼합사 2006/04/23 2691 217

257 [질문답변] 청감 사진 올리기 연습 [1] 청감 2006/04/22 2339 161

256 [질문답변] 연습 [2] 최조사 2006/04/11 2543 210

255 [질문답변] 사진올리기 연습입니다. [4] 삼합사 2006/04/10 2426 221

254 [질문답변] 동영상 실행불가??? [2] 으라차차 2006/04/06 2779 209

253 [질문답변] 연습 [2] 풍수 2006/04/06 2752 220

252 [질문답변] 연습 [6] 풍수 2006/04/05 2491 206

251 [질문답변] 연습 [1] 대하나 2006/03/30 2399 222

250 [질문답변] 안나오는 배꼽사진 찍어보면 .......뭐가 문제 인가요 [2] 빙그레 2006/03/16 2903 200

249 [질문답변] 궁금한게 있습니다~~~ [3] 박중헌 2006/03/15 2428 181

248 [질문답변] 사진 올리기 연습 [3] 송애 2006/03/13 2776 210

247 [질문답변] 연습 2 [3] 송애 2006/03/12 2483 191

[1][2][3][4][5][6][7][8][9][10][11][12][13][14] 15 [16][17][18][19][20]..[25] [다음 20개]

Copyright 1999-2024 Zeroboard / skin by zero