현재 "GKSkin" 스킨개발중에 있는 개발로짜 입니다
연휴들은 잘 보내고 계신가요?
블로그 스킨을 제작하면서 로딩속도에 대해서 한번정도 생각을 하게 되었습니다.
우리나라같은 경우에는 인터넷 속도가 워낙빠르다보니 대강 만들어도 2-3초정도면 화면이 뜨지만
외국에서 접속할 경우를 고려한다면 엄청 오래걸리는 현상이 발생할것입니다
그러므로 구글에서 권유하는 제약조건에 최대한 맞춰주는것이 필요할거라 생각됩니다
자신의 블로그 페이지 로딩속도를 확인하고자 한다면
"구글 페이지스피드 인사이트" 서비스를 이용해보시는 걸 추천드립니다.
속도확인하러가기
https://developers.google.com/speed/pagespeed/insights/
위 링크 사이트를 접속 후 상단화면처럼 자신의 블로그 주소를 입력한 후 분석을 클릭해보면 분석진행이 시작되면서
자신의 블로그 속도에 대한 평가가 나올 것입니다
현재 저의 블로그점수를 확인해 보도록 해보겠습니다
현재로써는 저의 블로그가 74점이군요.. 음..
이제부터 점수를 조금 더 높이도록 해보겠습니다.
목표점수는 80점 이상!!
최대 할수 있는부분에 대해서 적용 결과 82점이 나왔네요
이제 GKSkin의 경우는 페이지의 목록수가 1개일경우는 자동으로 1단형 스킨이 적용됩니다
1단형 스킨적용의 경우는 ??
1점높아진 83점이 나왔네요 ^^
뭐 해당 점수가 높다고 좋을지는 모르겠지만 화면이 느리게 뜨는것보다는
빠르게 나오는게 좋겠죠??
자세한 내용은 다음 포스팅에 하나씩 정리해서 올리도록 하겠습니다 !!
1차 - 컨텐츠에 들어있는 이미지 사이즈 줄이기
2차 - JS/CSS/HTML min버전만들어서 배포하기
3차 - 1단스킨으로 설정하기
위처럼 2가지만을 적용하였는대도 향상이 된것입니다
다음 포스팅에는 조금더 자세하게 내용을 다루어 보도록 하겠습니다
by 개발로짜
티스토리에 syntaxhighlighter 설치 및 반영하여 소스코드 깔끔하게 적용하기 (0) | 2014.10.10 |
---|---|
내 블로그를 네이버 검색등록을 이용하여 검색에 노출시키자 (0) | 2014.10.06 |
네이버 이웃추가로 티스토리 블로그 방문수를 늘려보자 (2) | 2014.10.04 |
'GKSkin'에대하여 자세하게 소개를 해보도록 하겠습니다.
GKSkin 이란?
Sencha에서 제공하는 ExtJS 라는 자바스크립트 프레임워크를 이용하여 제작된 스킨입니다.
ExtJS 프레임워크를 이용해서 제작된 스킨을
돈을 주고 판매를 한다면
별도의 라이센스비용을 Sencha라는 업체에 지불해야합니다
그러나 무료로 배포시에는 지불하실 필요가 없죠 ^^ ㅋ
스 킨 화 면
티스토리 스킨화면은 위와같습니다!
정식적으로 제작한지 9일정도되어서 아직 기능들은 빙산의 일각수준입니다.
진행결과는 40%정도(?)
GKSkin 대표 기능
① 기존의 카테고리목록을 메뉴바로 변경
② 사이드바 어코디언 기능적용
③ 브라우저 사이즈에 따른 좌측사이드바 자동 보여줌 / 숨김 기능
④ 반응형웹은 아니지만 브라우저넓이가 줄어들면 우측 버튼에 메뉴바연결
⑤ IE, 크롬, 사파리, 오페라등... 모든 멀티브라우저 지원
⑥ 컨텐츠 출력
- 중앙화면이 목록이 2개이상일 경우
목록 클릭시 윈도우 모달창으로 컨텐츠를 자신이 원하는 사이즈로 조절하면서 구독이 가능
뷰페이지이동 ↓↓↓↓
- 중앙화면에 목록이 하나일 경우
중앙 목록출력 부분에 컨텐츠 내용으로 채움
⑦ 애드센스 레이아웃위치 FIX!
- 목록출력 페이지 - (최상단 애드센스1, 우측 애드센스2)
- 상세보기 페이지 - (최상단 애드센스1, 컨텐츠 우측상단 애드센스1, 컨텐츠 중앙 애드센스1)
⑧ 댓글 윈도우 모달창 출력하여 등록기능 제공
각 페이지별 화면 몇장을 한번 뽑아보았습니다
컨텐츠우측상단에 자동으로 애드센스 출력
브라우저 넓이별로 메뉴바 표출차이[좁아질 경우]
브라우저 넓이별로 메뉴바 표출차이[넓어질 경우]
댓글 윈도우
블로그에 대해서 조언 및 둘러본 후기에 관해서 소중한 댓글 부탁드리겠습니다!
앞으로 더 기능 업그레이드 하여 10월 중순~ 말일 내로 베타버전으로 배포 진행할 예정입니다 ^^
by 개발로짜
안녕하세요 개발로짜입니다 ^^
블로그 개설이 완료되었습니다
제 블로그에서 다루게 될 주제는 다음과 같습니다.
GKSkin - 티스토리 스킨 제작 및 배포
GKTool - 브라우저를 이용한 오픈 프로젝트 개발툴
여러가지 자바스크립트 프레임웍 관련 포스팅
(ExtJS,센차터치,jQuery, jQuery모바일, jQueryUI, 각종 jQuery플러그인 등...)
웹 개발에 자주 사용되는 기술 팁 또는 관련 예제
(JAVA/JSP,Spring framework, ibatis/mybatis, 리눅스 서버 설치)
전자제품 리뷰
등을 다룰 예정이오니 많은 방문 부탁드리겠습니다
by 개발로짜
네이버 rss등록 3번만에 네이버 유입량이 나오기 시작하다. (7) | 2014.10.24 |
---|