Home
Blogger

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

1 min read
Blogger AMP 블로그 속도 최적화 완료

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

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

구글 블로그 최적화 작업

모든 외부 스크립트 제외

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

AMP 캐시 활용

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

이미지 사이즈 최적화

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

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

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

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

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

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

관심 있을 만한 글

  • AMP 블로그에 Youtube 재생목록 만들기
    가끔 AMP 블로그에서 Youtube 동영상 중 뮤비 또는 음악의 재생목록을 표시해야 하는 경우가 있습니다. AMP가 아닌 블로그의 경우, YouTube 재생목록을 표시하려면 Youtube에서 제공하는 소스 코드를 iframe 형식으로 사용할 수 있지만 AMP HTML을…
  • 구글 블로그 레이아웃 잠금 푸는 방법: 가젯 삭제, 드래그 안될 때
    레이아웃 가젯(위젯) 중 잠김 상태로 삭제가 되지 않거나 드래그 앤 드롭으로 이동이 되지 않는 경우가 있습니다. 이러한 경우 해결 방법에 대해 알아봅니다. 1. 가젯의 종류 및 ID 확인 애드센스 가젯: Adsense 추천 글 가젯: FeaturedPost 이…
  • 구글 블로그 구조화된 데이터 작성 방법 - Open Graph, Twitter Card
    구조화된 메타데이터를 추가하면 크롤러가 페이지를 보다 더 효율적으로 인덱싱하고 미리볼 수 있습니다. 예를 들어 Facebook은 Open Graph를, Twitter는 Twitter Card를 사용하여 페이지의 이미지와 특정 데이터를 추출합니다. 사이트 제목, 사이트 설명 등. …
  • 구글 블로그 CSS 추가 방법
    구글 블로그에서 HTML로 작성한 구조를 꾸미기 위해 CSS 스타일을 추가할 수 있습니다. 이 CSS를 추가하여 구글 블로그의 레이아웃 및 디자인을 변경할 수 있습니다. CSS를 추가하는 방법에는 크게 2 가지 방법이 있습니다. 첫 번째 방법은 HTML 보기에 CS…
  • YouTube 동영상 amp-iframe 오류 해결
    AMP를 사용하는 블로그에 유튜브 동영상을 삽입하는 방법에는 크게 두 가지 방법이 있습니다. amp-youtube 또는 amp-iframe을 사용합니다. 유튜브 동영상을 삽입하려면 amp-youtube를 사용하는 것이 좋지만 amp-iframe을 사용하여 유튜브 동…
  • 구글 블로그에서 다른 사람 블로그를 찾아보는 방법
    구글 블로그에서 읽기 목록에 블로그를 추가하면 다른 사람 블로그의 최신 글을 자신의 홈페이지에서 모아 볼 수 있습니다. 즉, 팔로우(구독) 기능입니다. 목차 관심이 있는 블로그를 읽기 목록에 추가하는 방법 블로그 구독을 취소…

댓글 4개

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