page 4 Book Club 스킨 홈 커버 아이템 오류 수정 코드 작성자: openperl@naver.com 블로그: netwaremore, TechWrite, Translation (tistory.com) 2021.08.14 - 더보기 숫자 표시 부분 스크립트 파일 오타 교정 - 수정한 첨부 파일 등록 2021.07.27 - 더보기 버튼에 숨긴 글 숫자 추가 ※ 코드에 오류가 있을 경우 댓글 남겨 주시면 많은 도움이 됩니다. 오류 발생 원인 1. 조건식 오류 if ( $item.length > 4 ){ $item.each(function(){ if ( $(this).index() > 4 ) $(this).hide(); }); $cover.append('more'); $cover.on("click", ".more", function(){ $(this).remove.. 2021. 7. 20. 티스토리 블로그의 웹 폰트 설정 (구글 PSI 속도 측정 결과) 블로그: 티스토리 스킨: 북클럽 ※ 스킨의 종류가 다를 경우 파일의 종류와 구조는 다르지만 설정만 적용 가능합니다. 속도 측정 도구: 구글 PSI (PageSpeed Insights) 편집 대상 파일: "style.css", "skin.html" (CSS와 HTML 파일) 블로그 시작하면서 간간이 속도 측정하면서 설정을 변경하고, 테스트하고 반복하였습니다. 폰트 설정에 관계된 페이지 속도의 등락이 거의 이상 증상으로 받아들일 정도로 괴이한 현상을 보여서 이것을 파악하는 데 대부분의 시간을 보냈습니다. 티스토리 블로거들의 전문적인 글과 구글 페이지 로딩 측정 사이트의 도움말 등을 하나씩 읽어보고 설정에 적용하여 테스트하였습니다. 오늘 변경한 설정이 속도도 안정적이면서 높게 나와서 해결이 된 느낌입니다. 전.. 2021. 4. 15. 구글 Page Speed Insights 웹페이지 속도 측정 (광고 철거하고) PageSpeed Insights (google.com) 블로그 초기 페이지 로딩 속도가 너무 느려서 조금씩 코드와 이미지의 용량을 수정하고 개선하면서 속도를 측정하고 있습니다. 1. 전혀 손대지 않고 있는 그대로 사용한 처음 상태입니다. 모바일 / 데스크톱 2. 1주일 정도 정리 작업을 진행한 후의 수치입니다. 모바일 / 데스크톱 현재 구글과 카카오의 4개 광고 등록한 상태입니다. - 이미지 크기 축소 - 투명 배경이 필요하지 않은 내용에서는 압축률이 떨어지는 PNG를 GIF, JPG로 교체 - 사용 폰트 줄이고 폰트 소스 파일을 계정에 업로드 - 필요 없는 자바 스크립트와 jQuery를 제거하고 JQuery 소스파일 계정에 업로드 - 구문이 잘못되지 않고, 눈에 띄는 오류를 일으키지는 않지만, 리소스.. 2021. 2. 20. 구글 Page Speed Insights 웹페이지 속도 측정 접속 사이트: https://developers.google.com/speed/pagespeed 서비스 명칭: PageSpeed Insights 서비스 특징: 웹 페이지 로딩 속도 측정을 통한 사용자 환경 보고서 발행 https://developers.google.com/speed 접속하면 "Make the Web Faster" 페이지를 만나게 됩니다. 한마디로 웹 접속 환경을 더 빠르게 개선하자는 목적으로 관련 도구를 제공하는 것입니다. " Analyze and optimize your website with PageSpeed tools " "PageSpeed tools" 도구 중 하나가 "PageSpeed Insights"입니다. 그 외에 다음과 같은 서비스도 제공합니다. 당연한 것이지만 .. 2021. 2. 8.
