속도향상 썸네일형 리스트형 스킨 압축 완료 했습니다. 기나긴 개발 기간 끝에 드디어 압축한 버전의 스킨을 적용하였습니다. css 파일을 하나로 합치고, 스크립트도 하나로 압축, html 파일도 압축했습니다. 평균 페이지 로드시간은 연결상황에 따라 다르지만 약 4초 정도 소요 됩니다. 압축이 스킨 제작에서 제일 마지막 과정인데, 더 이상 손댈게 없다(면 좋겠지만)라는 것을 가정하에 하는 작업입니다. 나름 열심히 계획을 짜서 만들어서, 더 이상은 손댈 일이 많이 없으면 좋겠내요 ㅎㅎ 패이지 스피드는 94점이 나옵니다. 이전 스킨이 91점대였는데 3점올랐네요 킥킥 더보기 티스토리 속도향상 프로잭트 - 페이지 압축하기 Google Inspactor나 Site analysis의 권고 사항에는 html,css,js의 압축을 명시하고 있습니다. 따라서 페이지를 압축하면 비약적인 속도향상을 이뤄 낼수 있습니다. 페이지 압축을 위해 HTML compressor에 접속합니다. 제작자가 비트코인이나 라이트 코인으로 기부를 받고 있으니 채굴 좀 많이 하신 분이라면 기부를 하셔도 될 듯 합니다. ^^; 여기서 자신의 skin.html, css, 그리고 자신이 사용중인 자바스크립트를 붙여 넣고 하단에 compress를 누릅니다. 옆에 속성을 설정하는 메뉴가 있긴하지만 자동인식을 하기 때문에 귀찮게 따로 선택해줄 필요는 없습니다. 조금만 기다리면 압축률과 압축된 코드가 나옵니다. 제 블로그의 CSS의 같은 경우 77% 압축이 되었네요. .. 더보기 티스토리 속도향상 프로잭트 - 자바스크립트 위치 변경 HTML문서에서는 자바스크립트는 CSS에 비해서 있어도 그뿐, 없어도 그뿐입니다. 물론 특정한 요소는 자바가 없으면 아예 구동이 되지 않지만, 블로그의 주 목적은 포스팅을 게제 하는 것이고 그 본연의 목적하에서는 자바스크립트는 크게 중요한 요소가 아닙니다. 사실 구글 웹사이트 개발 지침에서 보면 html과 css 만으로 사이트가 구동되어야 하며, 자바는 추가 적인 요소 이어야 한다고 명시되어 있습니다. HTML 페이지는 페이지에 나타난 순서 부터 불러오게 됩니다. 그래서 보통 head 안에 link로 css를 넣으라고 하죠. 왜냐면 css가 가장 먼저 로드 되어야 페이지가 똑바로 뜨기 때문이죠. 정말 궁금하신 분들은 실험을 해보셔도 됩니다. css를 body 태그 맨 아래쪽에 놓고 태스트 해보세요 보통 .. 더보기 이전 1 다음
