본문 바로가기

자바스크립트,부트

웹 페이지 최적화에 도움되는 사이트

웹 페이지를 최적화하고 에러나 위험요소를 줄일 수 있는 방법이 많이 있지만


몇 개의 홈페이지에서 제공하고 있는 기능을 사용해보는 것도 좋네요.


1. CSS Lint (http://csslint.net/)


가운데 흰색 박스에 CSS를 입력하고 LINT 버튼을 누르면 에러나 워닝을 잡아줍니다. 

모두 따를 필요는 없지만 그래도 문제가 될 수 있는 부분이라고 하니 적당히 고쳐주는게 좋을 것 같네요. 

저도 한 30개 정도 나왔는데 주로 #id 가 문제였습니다. class로 변경하니깐 다 사라졌구요.

필요없는 CSS나 합칠 수 있는 CSS 코드도 발견해주니깐 더 깔끔한 CSS 작성에 도움이 됩니다. 


2. JSHint (http://jshint.com/)

JavaScript Hint입니다. JS 내용을 왼쪽에 입력하시면 되고, 오른쪽에 위험요소나 문제가 되는 부분을 알려줍니다. 

자바스크립트 최적화에 도움일 될 만한 사이트 중 하나입니다.


3. JavaScript Lint (http://www.javascriptlint.com/online_lint.php)

JavaScript Lint입니다. Hint, Lint 둘다 돌리면 더 좋겠죠.



프론트엔드 쪽도 만만치 않은 것 같아요.

그래서 자동화가 꼭 필요한 것 같구요. 

아직 해야 할 일이 많네요.