웹 페이지 로딩 속도 단축시키기, First Contentful Paint 해결 방법

오늘은 저번 시간에 이어 티스토리 웹 페이지 로딩 속도 단축시키는 방법에 대해 알아봐요. 저번 시간에 본인의 블로그 로딩 속도 측정하는 방법에 대해 알아봤는데요. 아래는 제 블로그 로딩에 문제가 되는 요소들입니다.

 

 

 
짧은거는 3.1초에서 가장 오래 거리는건 12.1초까지 나옵니다. 이 불안전한 요소들이 구글 노출에 장애물이 될 수 있는데요. 그 중에 오늘은 First Contentful Paint 단축하는 방법에 대해 알아보겠습니다.

 

 
First Contentful Paint(FCP)란

First Contentful Paint(FCP)는 화면에 텍스트나 이미지가 출력되기 시작하는 시점을 뜻합니다. 제 블로그에 접속하면 평균 2.9초가 지나야 이미지나 텍스트가 노출 된다는 의미입니다. 시간이 빠를수록 방문자의 참여 유지율이 높은 것으로 나타나며, 페이지의 성능을 높이려면 FCP을 포함한 다양한 측정항목을 검토하시는 것이 좋습니다.
 

 

First Contentful Paint(FCP) 시간 단축 방법

 

1. 스킨 변경

티스토리를 오래동안 운영하시는 분들이라면 유료 스킨을 구매할지 고민하시는 분들이 계실텐데요. 기능적이고 이쁜 디자인 스킨을 이용해 블로그 장식을 심플하고 미니멀스럽게 인테리어하신다면 웹 페이지 로딩 속도를 줄일 수 있습니다. 이것을 꿩 먹고 알 먹고라고 하죠^^
 

2. 광고 줄이기

무리한 광고 욕심..^^? 후훗 글쎄요... 과욕이 참사를 부른다고 하죠. 무리한 광고는 오히려 페이지 로딩 속도를 저하시키고 노출에도 방해가 될 수 있습니다. 과도한 광고 게재보다는 사용자들이 글을 읽는데 문제가 되지 않을 만큼 광고를 적당히 게재하는 것이 윈윈 전략이 되시겠습니다.
 

 

 

3. 최신 글, 댓글 기능 삭제

블로그 메인화면에 최신 글과 댓글 등 역시 페이지 로딩에 영향을 미칠 수 있습니다. 티스토리 설정-꾸미기-사이드바를 통해 꼭 필요하지 않은 기능을 삭제해줍니다.

 

 
4. 차세대 형식 이미지 사용하기

이미지 도배나 용량이 큰 이미지 역시 페이지 로딩를 저하킵니다. 구글에서 제안하는 방법 중 하나인 차세대 형식 이미지를 사용해보시는건 어떨까요? 사진 용량을 줄이기 위해 사용하는 사이트입니다. 원하는 사진을 열고 'Go Pro' 버튼을 누르고 다운로드하시면 됩니다. 무려 73% 용량이 감소하는 것을 볼 수 있습니다.
 

tinypng.com/

TinyPNG – Compress PNG images while preserving transparency

 

 
위 작업을 통해 건강한 블로그를 키우시길 바라며 First Contentful Paint  속도 향상 방법에 대해 알아봤습니다.