온라인 css,js 압축은 이걸 사용하세요.
- 퍼블리셔/도구
- 2012. 7. 9. 06:00
css 및 javascript 는 압축을 해서 사용을 하곤 합니다. 이유는 한가지겠죠. 가볍기 때문입니다.
검색을 해보시면 아시겠지만 온라인 압축도구는 많이 있습니다.
제가 검색을 해서 css 압축과 js 압축을 쭉~~ 비교해 보았습니다.
제가 제작한 스킨중에서 GoodFriends 라는 스킨이 있는데 워낙 기능이 많다보니 css 파일도 많고, js 파일도 많습니다.
이걸 온라인 압축기를 모두 테스트해서 비교해보았습니다.
대략 10여곳의 압축기를 이용해보았습니다.
합격점을 받은것은 딱 한군데 입니다.
바로 Online YUI 입니다. => http://www.refresh-sf.com/yui/
이유는 간단합니다.
압축후에 한글이 깨지지 않아야되고 올바르게 표현이 되어야 합니다.
또 압축해서도 올바르게 작동이 되어야 합니다.
다른 온라인 압축도구는 모두 하자가 있었습니다.
한글을 처리하지 못한다거나, 올바르게 작동이 안되었습니다.
위의 Online YUI 는 css, js 모두 합격을 했습니다.
GoodFriends 스킨의 경우 자바스크립트 파일 9개를 모두 압축해서 하나의 파일로 만들었고, css 도 압축해서 만들었습니다.
이전보다 약 30%이상 압축이 되어 빠르게 로딩이 되었습니다.
몇가지 더 이야기하자면 css3 도 오류없이 압축이 되었고, Bootstrap 도 지원하고 있었습니다.
GoodFriends 에 사용된 자바스크립트 파일입니다.
이걸 하나의 자바스크립트 파일로 만들어서 압축을 했습니다.
좀더 많은 테스트는 해보지 못했지만 현재까지 제가 테스트 해본결과 만족스러운 결과를 보여주고 있습니다.
검색을 해보시면 아시겠지만 온라인 압축도구는 많이 있습니다.
제가 검색을 해서 css 압축과 js 압축을 쭉~~ 비교해 보았습니다.
제가 제작한 스킨중에서 GoodFriends 라는 스킨이 있는데 워낙 기능이 많다보니 css 파일도 많고, js 파일도 많습니다.
이걸 온라인 압축기를 모두 테스트해서 비교해보았습니다.
대략 10여곳의 압축기를 이용해보았습니다.
합격점을 받은것은 딱 한군데 입니다.
바로 Online YUI 입니다. => http://www.refresh-sf.com/yui/
이유는 간단합니다.
압축후에 한글이 깨지지 않아야되고 올바르게 표현이 되어야 합니다.
또 압축해서도 올바르게 작동이 되어야 합니다.
다른 온라인 압축도구는 모두 하자가 있었습니다.
한글을 처리하지 못한다거나, 올바르게 작동이 안되었습니다.
위의 Online YUI 는 css, js 모두 합격을 했습니다.
GoodFriends 스킨의 경우 자바스크립트 파일 9개를 모두 압축해서 하나의 파일로 만들었고, css 도 압축해서 만들었습니다.
이전보다 약 30%이상 압축이 되어 빠르게 로딩이 되었습니다.
몇가지 더 이야기하자면 css3 도 오류없이 압축이 되었고, Bootstrap 도 지원하고 있었습니다.
GoodFriends 에 사용된 자바스크립트 파일입니다.
이걸 하나의 자바스크립트 파일로 만들어서 압축을 했습니다.
좀더 많은 테스트는 해보지 못했지만 현재까지 제가 테스트 해본결과 만족스러운 결과를 보여주고 있습니다.