스킨 v2.0 업데이트


gtmetrix 점수


겉모습으로는 달라진거 하나도 없지만(상단 로고 뺴고요) 코드를 엄청 갈아 엎었습니다. 스크립트 위치도 바꾸었네요. 그리고 엑수시아님의 TS-plugin(http://zion437.tistory.com/363)을 설치했습니다. 현재 이글을 보시면 사이드바가 왼쪽에 가있습니다. 원래 제 블로그는 사이드바가 오른쪽에 가있죠 ㅎㅎ 물론 로딩 되기전에 바뀌어서 보이는게 정상이긴 하지만 HTML구조가 하도 복잡해서 CSS전환이 빠르지 못하네요 -_-;


오프켄버스 매뉴때문에 이너 컨테이너안에 내용물이 들어가고 아웃 컨테이너에 오프스크린용 메뉴와 버튼이 들어가는 구조이다보니...ㅠㅠ 그래서 페이지 로딩도중에 번쩍!(레드썬) 하고 바뀝니다. ㅋㅋ 로딩바를 넣어볼까 라는 생각도 해보았지만 로딩바를 넣으면 체감속도가 오히려 더 느려보이는 부작용이 있기에 나중에 유투브 처럼 위쪽애 작은 선으로 로딩을 표시하는 바를 넣어볼까합니다.

안쓰는 div는 지우고, 간소화 하고 , 스타일도 다듬었는데 점수는 그대로내요 ㅠㅠ. (YSlow 점수 올리는 방법아시면 공유좀 굽신...)

참고로 방명록에 들어가보시면 사이드바가 처음부터 왼쪽으로 뜹니다. 요게 자바를 한번 거치는거랑 CSS에서 바로불러오는거랑 속도차이가 심하게 나네요 ^^;


변경사항을 목록으로 적어보자면

- 상단 로고변경

- TS-plugin 설치

- 사이드바를 왼쪽으로 보내는 CSS추가

- 게시글에서 슬라이더 로드안됨

- 스타일 정리. 간소화

- 카테고리 메뉴중 위쪽 메뉴의 드롭다운 메뉴를 호버가 아니라 클릭시 뜨게 변경

- 쓸데없는 위젯 제거

- 카테고리 새 매뉴 추가


P.S 티스토리는 gzip된 css나 js도 쓸수 있게 해달라!!!! -_-