검색엔진최적화 – 웹페이지 로딩속도를 개선하는 5가지 방법! 웹사이트 다이어트 방법
구글은 공식적으로 웹사이트 로딩속도를 구글 알고리즘에 포함시켜 검색 순위를 결정한다고 발표했습니다.
(참고 : Using site speed in web search ranking – official google webmaster blog)
검색엔진최적화, 구글 검색엔진 상위랭크를 위한 웹사이트 속도 개선 방법
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와 비교해도 더 나음.
참고 : Potable Network Graphics의 약자로 핑이라고 발음한다. PNG는 GIF를 대체하기 위한 파일로 인터넷의 GIF그래픽 파일은 저작권 있는 압축 기술로 함부로 사용할 수 없기 때문에 저작권이 없는 고유의 압축 기술로 PNG를 개발했다. 파일 구조는 GIF와 동일하여 투명 효과 등 GIF의 장점을 그대로 사용할 수 있으며, GIF보다 압축률이 우수
4. 자바스크립트를 압축하라.
자바스크립트를 압축해서 속도를 개선할 수 있다. 위의 이미지를 보면 자바스크립트도 로딩속도에 영향을 준다. 간단하게 온라인으로 자바스크립트를 압축할 수 있다.
http://dean.edwards.name/packer/
5. gzip을 활용하여 파일 및 데이터를 압축하라.
# 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/
* 해외 검색엔진등록, 검색엔진최적화, 검색엔진 상위등록 및 검색엔진 마케팅 등 제대로 된 서비스를 받고 싶거나
상담이 필요하시면 상단 메뉴에 상담/진단신청을 클릭해 주세요
6 thoughts on “검색엔진최적화 – 웹페이지 로딩속도를 개선하는 5가지 방법”
좋은글 감사합니다. 퍼갈께요
출처와 링크는 꼭 남겨주세요^^
좋은 정보 감사! 출처 남기고 담아갑니다~
감사합니다.
좋은정보 감사힙니다! 출처 남기고 퍼갈께요~
넵.. 감사합니다^^