본문 바로가기

웝사이트전략/웹기획

★ 로딩속도줄이기 ★

1.이미지의 크기입력
2.배경이미지고정<body bgproperties="fixed">
3.이미지의 숫자는 4개이하
4.테이블사용 (세로보다 가로테이블이빠름)
5.큰이미지는 4개로잘라
6.동일한 이미지는 한폴더에
7.애플릿은 신중하게
8.섬네일이미지(작은이미지를먼저 클릭큰이미지)
-cgi는 애플릿과 더불어 속도를 느리게함
-cgi는 속도를유념해서 프로그래밍된것으로
-save for web 저장시 용량이 줄어든다.

☞ 위치 패딩값
style="padding-left:3px;padding-top:35px;"
☞ 이미지 가운데 정렬
align="absmiddle"
☞ 링크시 테두리없애기
onfocus="this.blur();
☞ 링크 걸기
<a href="#" target="_self" onfocus="this.blur();"><img src="#" width="119" height="40" border="0"></a>
☞ 페이지 인크루드
<? include("head.php"); ?>
☞ 위로 가기 자바스크립트
<a href="javascript:window.scroll(0,0);" onfocus="this.blur()";>
<font size=2 color=#777777>▲ Back to the top</a>
☞ 히스토리 자바스크립트
<a href="javaScript:history.back()" onfocus="this.blur()";>
<font size=2 face="돋움" color=#777777>◀ back</a>

☞ 프레임이 있는 윈도우 닫기
<a href="javascript:window.parent.close()" onfocus="this.blur()";>
<font size=2 face="돋움" color=#777777>▲ Close</a>

☞ 이미지로 윈도우 닫기
<a href="#" onClick="javascript:self.close()" onfocus="this.blur()";>
<img src="close.gif" width="54" height="18" border="0"></a>

☞ 링크 줄 없애기
<a href="url" onfocus="this.blur()";><img src="img/img.jpg"></a>

☞ onload 두개 쓰기
<body ~ onload="test1();test2()"></body>

☞ 새로 고침 자바스크립트
<a href="javascript:location.reload()" target="_self" onfocus="this.blur()";>새로고?lt;/a>

☞ Javascript 링크
<script language="javascript" SRC="xxx.js"></script>

☞ CSS 링크
<link rel="stylesheet" href="/Style/hihome_site_main.css" type="text/css">