구글 블로그 최적화 완료 - Blogger AMP

1 min read

드디어 구글 블로그의 최적화가 완료되었습니다. 개인적으로 보유하고 있는 구글 Blogger 블로그 중에서 서브 블로그입니다.

AMP 블로그는 워드프레스가 대표적이고, Blogger는 정보가 많지 않아 AMP 속도 최적화 작업이 쉽지 않습니다. 그래도 도전을 해보기로 했습니다.

구글 블로그 최적화 작업

모든 외부 스크립트 제외

AMP 블로그는 자바스크립트 사용이 제한되어 이전의 Blogger보다 사용할 수 있는 기능이 많이 줄었습니다. 그러나 사용하지 않는 스크립트 및 외부 스크립트를 제외함으로써 블로그의 속도는 더 향상됩니다.

AMP 캐시 활용

구글에서 제공하는 AMP 캐시를 활용하면 클릭 즉시 로드되는 블로그를 만들 수 있습니다. 검색 결과에서 노출되는 AMP 블로그는 모두 AMP 캐시에 의해 속도가 최적화된 결과물입니다.

이미지 사이즈 최적화

Webp를 사용하여 이미지 사이즈 최적화를 진행하려 했으나, 관련 게시물에 이미지가 표시되지 않는 오류가 발생하여 나중에 하기로 하였습니다.

쉽지 않은 AMP 블로그 최적화 작업

처음부터 Blogger의 XHTML에 대한 개념이 있었다면 이렇게 머리아프게 공부를 하면서 AMP 블로그 속도 최적화 작업을 하지 않아도 되지 않았을까 하는 생각이 듭니다.

구글 AMP 블로그를 운영하면서 참 공부해야 할 것이 많은 것 같습니다. 계속 변화하는 블로그 환경으로 인해 이번 최적화도 얼마나 오래 갈지는 모르겠습니다.

블로그 속도 최적화를 시험할 수 있는 온라인 도구로 gtmetrix.com를 사용하였습니다. 페이지 점수는 검사할 때마다 다르게 표시되니 점수에 너무 집착하지 말아야겠습니다.

방문해주셔서 감사합니다. 즐거운 하루 되세요!

관심 있을 만한 글

  • 구글 블로그에서 이미지 사진을 옆으로 나란히 정렬하기가 쉽지 않습니다. 반응형으로 이미지 사진을 가로로 나열하고 모바일 접속자도 이미지 사진을 잘 볼 수 있게하려면 어떻게 해야할까요? HTML 및 CSS를 잘 몰라도 이해할 수 있게 천천히 알아보겠습니다. 이 포스팅에…
  • 구글 블로그스팟 이미지 URL 200% 활용하는 방법 구글 블로거의 이미지 URL은 다음과 같습니다. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqWH_JS6R5WksddNeHcUDCWGsHg_6FATZhG…
  • 스크롤 진행률 표시가 있는 블로그를 꽤 많이 보았는데요. 일반적으로 이러한 읽기 진행률 표시는 긴 내용이 있는 블로그 게시물에 사용되며 게시물을 모두 읽는 시점까지 얼마나 남았는지 이해하는 데 도움이 됩니다. 구글 블로그는 간단한 코드를 추가하면 읽기 진행률 표시줄을 쉽게 추가할 수 있습니다. …
  • 유튜브 비디오를 삽입한 뒤에 동영상 크기를 내 마음대로 조절하기가 너무 어렵습니다. 이 글에서는 유튜브 동영상 퍼올 때 화면에 꽉차게 크기와 비율을 설정하는 방법과 비율이 9:16인 유튜브 동영상을 전체 너비 및 높이로 삽입하는 방법에 대해 설명합니다. …
  • 구글 블로그 이미지 주소가 'https://blogger.googleusercontent.com/img/a/'의 형태로 변경되었습니다. 예를 들어 https://blogger.googleusercontent.com/img/a/AVvXsEg1ZKSB6nYhwoNM8rL55riWzX23UePsQ7nbH2X…
  • 다음 웹마스터 도구 베타 구글 블로그는 "다음 웹마스터 도구 베타"에 블로그를 등록할 수 있습니다. 등록이 완료되면 다음 웹마스터 도구 베타는 Blogger를 웹문서 영역에 노출합니다. 먼저 다음 (Daum) 웹마스터도구 베타로 이동합니다. …

댓글 4개

  1. 4년 전
    Blogger 최적화 작업은 너무 어렵습니다. 관련 한국어 정보는 드물고, 티스토리처럼 다양한 자체 도구를 제공하는 것도 아니고....구글에서 버린 것 같다는 느낌이 들기도 합니다.
    1. 4년 전
      맞아요! 구글 블로그 팀에서 관리를 잘 해주면 사람들이 Blogger를 사용하기가 편리할텐데.. 코드 작성에 능숙한 전문가가 아닌 초보자에겐 너무나 어려운 작업인 것 같습니다.
  2. 4년 전
    댓글 감사합니다!
  3. 3년 전
    블로그가 깔끔하고 구글 블로그 관련하여 유익한 내용이 많아서 많은 공부가 됐습니다. 하나 여쭙고자 합니다. 블로그 제목 밑에 댓글과 댓글숫자(class="pIc")가 googleblogamp 블로그처럼 svg 아이콘으로 표시되는 방법을 알고 싶습니다. 감사합니다.