블로그 운영을 위한 HTML, CSS, JS 파일 소스 코드 정렬하기 ✔ 소스 코드 정렬 방법 용량을 줄인 HTML, CSS, JS 파일들에 대해서 확인 및 수정이 필요할 경우 한줄로 되어 있거나 빈칸 등이 삭제되어 소스 코드를 확인하는 것이 굉장히 불편합니다. 그래서 보기 불편해진 소스 코드를 정렬해서 처리할 업무를 완료 후 다시 압축을 해서 파일을 반영하는 방법이 필요한데, 파일을 직접 수정해서 사용하는 분은 아래와 같은 방법으로 진행을 하면 될 것 같습니다. 1. HTML, CSS 소스 코드 정렬 2. JS 소스 코드 정렬 순서로 진행하였습니다. ✔ HTML, CSS 소스 코드 정렬 소스 코드를 정렬해주는 사이트는 많은데 개인적으로 CSS Beautifier라는 사이트에서 테스트 해본 결과 괜찮다는 생각이 들어서 이 곳을 이용하였습니다. 참고로 JS파일의 테스트 결과..
블로그 속도 향상을 위한 HTML, CSS, JS 파일 용량 줄이기 ✔ 파일 용량 축소를 통한 블로그 로딩 속도 개선 이 글은 티스토리 블로그를 기준으로 작성되었습니다. 이하 블로그는 티스토리 블로그를 말하는 것입니다. 블로그에서 스킨에 포함되어 있는 여러개의 CSS, JS 파일과 skin.html 을 사용하고 있는데요. 블로그가 브라우저에서 보여지기 위해서는 CSS, JS, HTML 파일이 로딩되는데요. 해당 파일의 용량이 크다면 그만큼 로딩될 때 시간이 더 걸리게 됩니다. 그래서 CSS, JS, HTML 파일에 불필요한 부분을 제거해서 파일 용량을 줄여서 사용한다면 블로그 로딩 속도 개선 효과를 볼 수 있습니다. 실제 용량을 줄인 파일을 반영해보니 눈에 구분될 정도로 속도가 개선된 것을 느낄 수 있었습니다. 특히, 반응형 스킨을 사용하고 있다면 파일 용량을 줄여 사용..
