JS, CSS 압축을 통한 웹 페이지 로딩 속도 향상


인터넷 속도가 원악 빨라져서 모바일 앱과는 다르게 홈페이지 로딩에 대한 별도의 처리를 하지 않는다. 하지만 반응형웹인경우 홈페이지를  PC버전뿐만 아니라 모바일에서 사용하게 되면 로딩속도가 무척 느려지게 된다. 

성능을 조금 이라도 올리기위해서는 모바일용에 맞도록 가볍게 제작을 하면 되지만, 반응형웹이라 따로 제작이 불가능 하다. 그래서 JS와 CSS를 압축해서 조금이라도 사용하는 파일의 크기를 줄이면된다. 


http://www.refresh-sf.com/yui/

개인적으로 위의사이트를 추천한다.


이 사이트를 이용하면 CSS, JS를 압축을 해준다. 압축은 필요없는 공백과 띄어쓰기된 부분을 한줄로 바꿈으로 파일의 용량을 줄이게 된다. 보통 약 20%정도의 파일 사이즈를 줄일 수있다.


코드편집시 한줄로 바껴있기 때문에 보기가 무척 힘드니 원본은 수정시에 보고 실제 사용할 파일을 압축해서 올리면 된다.