Review (리뷰와 생활정보)/티스토리 블로그
티스토리에 웹폰트 적용하여 최적화 해보기 (Noto Sans KR)
안녕하세요. 취미 사진가 나라입니다. 지금 보고 계시는 블로그를 최적화해보려고 틈나면 이것저것 만져보고 있습니다. 코딩이니.. HTML, CSS 이런 거에 대해 자세히 모르니.. 전부 대입해보고 경우의 수를 찾는 개념으로 하고 있기도 합니다. 아마도 저처럼 블로그 최적화는 하고 싶은데, 전문지식이 없어서 검색으로 이 글을 보시는 분들도 계실 텐데요.. 저도 그중 하나라고 말씀 드릴수 있을 것 같아요. 이번에 포스팅으로 웹폰트 적용으로 최적화를 해본 것을 공유해보고자 하는데요. 미리 말씀드리지만, 제 블로그에만 적용되는 것 있을 수도 있으니 참고만 해주세요. 그럼 시작할게요~ 구글 크롬 브라우저나, 마이크로소프트의 에지 브라우저에서 키보드 F12 키를 한번 눌러보면... 우측에 관리자 창 같이 뜹니다. 제..
Review (리뷰와 생활정보)/티스토리 블로그
티스토리 반응형 Portfolio 스킨 - 페이지 해더 오류 수정
티스토리에서 제공한 무료 반응형 스킨 Portfolio를 사용하면서 최적화를 해본다고, 잘 알지 못하는 HTML을 이것저것 만지다 보니.. 오류가 심하게 났었던 적이 있습니다. 백업을 해두었던 파일이 저의 실수로 저장도 안 되어 있어서 난감했었는데요. 그래서... 스킨 초기화를 해야만 했습니다. 티스토리 관리자 페이지에서 좌측 메뉴의 꾸미기- 스킨 변경을 클릭합니다. 그러면 이렇게 스킨 목록이 나오는데요. 여기에서 원래 사용하던 Portfolio 스킨을 마우스로 가져다 데어 적용을 클릭합니다. 기왕 이렇게 된 것 다른 스킨으로 변경을 해볼까 했지만, 그간 최적화 해온 것이 모두 허사가 되는 것 같아서... ㅠㅠ 이렇게 리셋되어 초기화되었지만, 스킨 편집의 내용이나 플러그인 등은 대다수 그대로입니다. 일부..
Review (리뷰와 생활정보)/티스토리 블로그
티스토리 반응형 스킨 Portfolio의 HTML 오류 수정
안녕하세요. 취미 사진가 나라입니다. 제 티스토리 블로그를 최적화하기 위해 이것저것 수정하고 고치는 작업을 틈틈이 진행 중에 있습니다. 티스토리의 장점이 HTML과 CSS를 사용자가 수정 보완하여 나만의 블로그를 만들 수 있다는 것인데요. 제 경우에는 티스토리에서 공개한 반응형 스킨인 portfolio를 사용 중에 있고, 이 스킨이 좋기는 한데 html 오류가 몇 군데 있습니다. 이번 포스팅에서는 스킨 HTML 오류를 잡아 본 것을 기록으로 남겨 보려 합니다. 티스토리 portfolio 스킨에 관심 있는 분들께 도움이 되었으면 합니다. 우선, 티스토리 관리자 페이지에서 html 편집 화면을 보겠습니다. 1. description 중복 meta 태그 중에 description 은 꼭 필요한 부분입니다. 블..
Review (리뷰와 생활정보)/티스토리 블로그
티스토리 portfolio 반응형 스킨 최적화 (with 구글 web.dev)
제 티스토리 스킨은 티스토리에서 무료 제공하고 있는 반응형인 portfolio입니다. 지난 포스팅들에서 보여드렸듯이 저는 제 티스토리 블로그를 최적화하려고 이것저것 손보고 있는데요. HTML의 오류들을 일부 수정했고, 애드 핏, 애드센스 최적화 겸 중복 자바스크립트도 정리하였습니다. 아울러, HTML, CSS, 자바스크립트 압축도 해봤지요. 그리고 이미지 오프 지연 로드도 해봤지만... 이건 티스토리에서는 적용이 어렵다고 하네요..ㅠㅠ 이번 포스팅에서는 제 티스토리 점검을 해보고 추가로 수정이 가능한 것이 있는지 찾아본 내용을 리뷰 해 보고자 합니다. 그간 구글 페이지스피드 인사이트(Google PageSpeed Insights)를 통해 티스토리의 문제점들을 찾아 수정을 하여 왔었습니다. https://..
Review (리뷰와 생활정보)/티스토리 블로그
티스토리 블로그 빠르게 로딩시키기(애드센스,애드핏 최적화)
안녕하세요. 취미 사진가 나라입니다. 지난 포스팅에서 제 티스토리 로딩 속도 문제로 최적화 작업하는 내용을 리뷰 하였었는데요. 이번에는 그 두 번째 이야기입니다. 블로그의 페이지도 사실 알고 보면 파일을 인터넷 등에서 로딩하여 읽고 화면에 표시해 주는 것인데요. 이 파일의 용량을 줄여주면 아무래도 로딩이 빨라지지 않을까요?? 네.. 바로 이러한 생각을 시작으로 최적화 두 번째 이야기를 해보려 합니다. 우선 제 블로그의 상태를 점검해 봐야겠습니다. 위 이미지는 Nara's BLOG의 구슬 서치 콘솔 내용 중 일부인데요. 색인 생성 범위 등은 정상인데, 핵심적인 웹 지표에서 모바일에 오류가 188개나 보입니다. 보고서 열기로 들어가 보니... CLS 문제로 모바일에서 0.25 초과했다는 내용인데 그 영향을 ..
이모티콘창 닫기
울음
안녕
감사
당황
춤
피폐
