블로그&IT/블로그 · 2013. 7. 28. 10:00
스프라이트(css sprites) 기법으로 '빠른 블로그' 만들기.
얼마전 css sprite를 이용한 끊김없는 마우스오버 이미지를 넣는 간단한 방법을 알아봤었습니다.(참고 -> 여기클릭). 오늘은 블로그에 있는 대부분의 아이콘들을 하나의 이미지로 통합해 하나로 만들어서 http 요청을 줄여 속도가 빠른 블로그를 만드는 방법에 대해 알아보도록 하겠습니다. 블로그는 백그라운드로 이미지를 삽입하든, img src 로 바로 삽입하든, 아무튼 각종 아이콘들로 치장되어 있어서 서버요청 횟수가 상당히 많은 편입니다. 아이콘의 용량이 아무리 작더라도 한번 요청하는데 걸리는 시간이 들기 때문에, 많은 그림파일을 로딩해야 한다면 느려질 수 밖에 없습니다. 블로그 페이지의 로딩속도를 빠르게 만드는 방법은 여러가지가 있는데요, 그 중 오늘 알려드리는 css sprites는 아이콘을 표현하기..