검색엔진최적화 – 웹페이지 로딩속도를 개선하는 5가지 방법

Posted on Posted in 검색엔진최적화(SEO)

검색엔진최적화 – 웹페이지 로딩속도를 개선하는 5가지 방법! 웹사이트 다이어트 방법

검색엔진최적화 - 사이트 속도 검색 순위 반영
검색엔진최적화 – 사이트 속도 검색 순위 반영

구글은 공식적으로 웹사이트 로딩속도를 구글 알고리즘에 포함시켜 검색 순위를 결정한다고 발표했습니다.

(참고 : Using site speed in web search ranking – official google webmaster blog)

구글카페인은 알고리즘이 아닌 indexing 기술의 발전으로 웹에서 생산되는 신선한 콘텐츠를 거의 실시간으로 검색결과에 반영하는 indexing system입니다. 이에 웹페이지 로딩속도가 검색순위요소가 되었습니다.
이것은 검색엔진 최적화(SEO)의 관점에서 동일 조건인 웹사이트, 블로그, 쇼핑몰일 경우 접속속도가 빠른 것일 수록 검색엔진에서 더상위에 등록이 되어 노출된다는 것입니다. 이것은 구글의 미션(google’s speed mission)에 중 “웹환경 속도 개선”에 일환으로 최근 Public DNS를 제공 등 구글 알고리즘에도 사이트 속도를 반영하여 검색순위를 결정하고 있습니다.

 

검색엔진최적화, 구글 검색엔진 상위랭크를 위한 웹사이트 속도 개선 방법

 

1. 외부파일로 CSS파일, 자바스크립트를 활용하라.

css로 제작한 웹페이지가 더 빠른 로딩을 보여주고 있지만 불필요한 css를 활용은 하지 않아야 하며

외부의 css파일을 불러오는 방식으로 활용하는 것이 더욱 효과적이다.

예) <link rel=StyleSheet href=”yourstyle.css” type=”text/css” />

 

   자바스크립트를 최소화하고 같은 스크립트를 여러페이지에서 사용할 때는 외부 Javascript 파일을 활용 한다.

예) <script type=”text/javascript” src=”yourscript.js”></script>

 

 

2. 과도한 이미지, 플래쉬, 사운드 파일은 자제하라.

사이트를 더욱 돋보이게 하기 위한 동적gif나 플래쉬, 그리고 동영상이나 사운드파일은

웹사이트 속도를 줄이는 요소로 꼭 필요한 것인지 확인하라.

포토샵 사용이 어려운 경우는 아래의 사이트를 활용할 수 있다.

온라인 이미지 최적화 : http://tools.dynamicdrive.com/imageoptimizer/

 

 

3. 이미지 용량을 줄여라.

포토샵을 이용하면 이미지 용량을 줄일 수 있다. 최근에는 .png(potable network graphics) 사용이 많아졌고 압축률이나 속도면에서도 .gif와 비교해도 더 나음.

  

gif를 png로 전환시 효과
gif를 png로 전환시 효과

참고Potable Network Graphics의 약자로 핑이라고 발음한다. PNG는 GIF를 대체하기 위한 파일로 인터넷의 GIF그래픽 파일은 저작권 있는 압축 기술로 함부로 사용할 수 없기 때문에 저작권이 없는 고유의 압축 기술로 PNG를 개발했다. 파일 구조는 GIF와 동일하여 투명 효과 등 GIF의 장점을 그대로 사용할 수 있으며, GIF보다 압축률이 우수

 

 

4. 자바스크립트를 압축하라.

yahoo_firebug.png

자바스크립트를 압축해서 속도를 개선할 수 있다. 위의 이미지를 보면 자바스크립트도 로딩속도에 영향을 준다. 간단하게 온라인으로 자바스크립트를 압축할 수 있다. 

http://dean.edwards.name/packer/

 

 

5. gzip을 활용하여 파일 및 데이터를 압축하라.

    아파치서버를 사용하는 경우,  아래 내용을 .htaccess file에 추가하면 된다.

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

# Or, compress certain file types by extension:
<Files *.html>
SetOutputFilter DEFLATE
</Files>

만약 .htaccess file를 변경할 수 없으면 각 페이지 최상단에 아래의 코드를 삽입하기만 하면 된다. php이나 php를 지원하는 htm, html파일에 적용할 수 있다.

In PHP: <?php if (substr_count($_SERVER[‘HTTP_ACCEPT_ENCODING’], ‘gzip’)) ob_start(“ob_gzhandler”); else ob_start(); ?>

 

상세한 내용 참조 : http://betterexplained.com/articles/how-to-optimize-your-site-with-gzip-compression/

 

* 해외 검색엔진등록, 검색엔진최적화, 검색엔진 상위등록 및 검색엔진 마케팅 등 제대로 된 서비스를 받고 싶거나

상담이 필요하시면 상단 메뉴에 상담/진단신청을 클릭해 주세요

 




4 thoughts on “검색엔진최적화 – 웹페이지 로딩속도를 개선하는 5가지 방법

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.