워드프레스 사이트 운영은 어느 호스팅을 사용하는가에 따라 속도가 차이가 나기도 합니다.
하지만, 워드프레스 홈페이지에서 쌓아가는 페이지 수, 글 수, 이미지와 스크립트 등의 요인에 따라 홈페이지 및 블로그 속도에도 많은 영향이 있습니다.
실제 워드프레스 블로그를 운영하다보면, 구글 애드센스, 각종 수익화 프로그램, 스크립트 등의 삽입 요소로 인해 기본적으로 쉽게 다운로드 받아 설치할 수 있는 캐싱 플러그인을 필수적으로 사용하고 있을 것입니다.
워드프레스 사이트 성능 점검
캐싱 플러그인 설치로 내 워드프레스 블로그의 속도가 전후 비교하여 어떻게 변했는지 결과도 중요하기 때문에, 많이 알려진 구글에서 제공하는 페이지 스피드 인사이트(PageSpeed Insight) 사이트를 이용하게 되며, 앞 뒤 가리지 않고 성능, 접근성, 권장사항, 검색엔진 최적화 점수를 올리는 데 집중하게 됩니다.
그러나, 점수가 높다고 실제 피씨 및 모바일 환경에서 사용자 환경이 향상되는 것은 아닙니다.
오히려 점수가 높을 때보다, 점수 낮을 때가 모바일에서 더 빠르게 페이지가 열리는 경우가 존재하기 때문에 여러가지 스피드 체크하는 사이트를 참고할 필요도 있습니다.
여기서는 구글 애드센스로 수익을 내는 수익형 워드프레스 블로그 조건, 애드센스 뿐만 아니라 다양한 수익 프로그램 탑재 등을 통한 스크립트가 다소 들어가 있는 페이지를 중심으로 WP ROCKET(워드프레스 로켓) 플러그인 기본 세팅 방법을 간략하게 소개하겠습니다.
이보다 더 많은 설정 및 플러그인 세팅으로 하게 되면 더 높은 점수의 성능으로도 향상시킬 수 있습니다.
WP ROCKET 최적화 하기 앞서
WP ROCKET 플러그인(PLUG-IN)은 유료 캐싱 플러그인으로 워드프레스를 운영하고 있는 사이트 제작자, 블로거, 쇼핑몰 운영자들에게 가장 인기가 있는 캐싱 플러그인이라고 할 수 있습니다.
좌측 대쉬보드에서부터 아래로 내려가면서 체크해야 할 사항들을 사진으로 보면서 알아보겠습니다.
WP ROCKET CACHE
모바일 방문자를 위해 사이트 속도를 높이는 부분입니다. 두 곳에 모두 체크를 하며, 캐쉬 수명이라는 부분은 10일, 20일, 30일 단위로 설정하면 됩니다.
게시글 및 페이지 등이 자주 생성되는 경우에는 10일 정도가 적당합니다.
WP ROCKET FILE OPTIMIZATION
워드프레스 파일을 최적화하는 부분입니다.
여기에는 CSS파일, 자바스크립트의 설정을 할 수 있으며, 구글 애드센스 등의 노출을 담당하고 있는 부분이 있습니다.
다양한 워드프레스 플러그인 설치로 인해 무겁거나 느려질 수 있는 불필요한 CSS 파일을 축약 및 최소화할 수 있는 설정이 가능하고, 첫화면에서 바로 보여지지 않아도 될 자바스크립트를 지연시킬 수 있어 방문자들에게 보다 빠른 페이지로 인식될 수 있게 합니다.
구글 애드센스 등 수익형 자바스크립트가 탑재되어 있다면, 반드시 Delay JavaScript Execution 사용 설정으로 보다 효율적으로 광고 노출이 되는 데 도움을 받을 수 있습니다.
WP ROCKET MEDIA
WP ROCKET MEDIA 설정부분입니다.
로딩하는 페이지 화면을 먼저 로딩하고, 스크롤하여 내려가는 동안 이미지를 다소 늦게 로딩하는 설정을 담당하고 있어, 한꺼번에 이미지를 모두 불러올 때까지 기다리지 않아도 되어 보다 페이지가 빨라지는 것을 체감할 수 있습니다.
이미지는 기본으로 설정하는 것이 좋으며, 유튜브를 가져온 링크가 있거나 내부 영상 미디어를 조금 느리게 보여주는 효과에 대한 설정입니다.
Lazyload 설정으로 워드프레스 방문자에게 페이지가 금방 뜬다는 효과를 줄 수 있습니다.
WP ROCKET PRELOAD
WP ROCKET PRELOAD 세팅에서는 워드프레스 사이트에 캐쉬 파일을 생성하고 사이트 맵을 자동으로 감지해 URL를 데이터베이스를 저장하고 방문자에게 미리 한꺼번에 캐쉬를 로딩하여 보다 빠르게 글 또는 페이지를 볼 수 있도록 돕는 기능입니다.
사전 로딩을 활성화 하고, 링크 또한 미리 로드하게 하면, 페이지 내 이동이 지체 없이 가능하게 만들어 줍니다.
또, 폰트도 미리 로드하여 보여 줄 수도 있지만, 글꼴은 직접 CSS형식으로 외부 링크에서 불러오거나, 자체 내장하여 구현하는 경우가 있을 수 있으니, 프리로드 기능이 포함된 폰트 플러그인에서 세팅을 해주면 좋습니다.
WP ROCKET DATABASE
WP ROCKET DATABASE 설정에서는 워드프레스 블로그를 운영하면서 댓글, 휴지통에 들어가 있는 페이지 또는 글, 오래된 데이터베이스, 스팸성 댓글 등을 정기적으로 정리하거나 비워주는 역할을 담당합니다.
발행되는 포스팅 갯수가 많거나, 여러가지 플러그인을 사용하는 경우 정리하는 기간은 주 단위로 하는 것이 좋습니다.
WP ROCKET HEARTBEAT
WP ROCKET HEARTBEAT 설정은 API의 작업을 줄이거나 사용 빈도수를 제어해 서버의 리소스를 절약할 수 있습니다.
최근에는 자동 AI 플러그인을 사용하는 분들이 많아지고 있어, 서버 리소스가 많아져 워드프레스 홈페이지 로딩이 늦거나 500 sever error를 방지하는 데 도움을 줄 수 있습니다.
아무리 좋은 서버라고 할지라도 워드프레스 내 특정 플러그인이 과도한 리소스를 발생시켜 홈페이지가 느려지는 경험을 많이 하셨을 것이라 생각합니다.
WP ROCKET IMAGE OPTIMIZATION
이미지를 최적화 하는 워드프레스 플러인은 최근 많아졌으며, 유료인지 무료인지에 따라 이미지 최적화하는 기능의 차이가 많아졌습니다.
WP ROCKET 플러그인에서는 Imagify를 추천하고 있습니다.
평소 우리가 업로드하는 jpg, jepg, png, gif 등 그림 파일을 webp 형식으로 경량화하여 치환해주는 기능을 담당합니다.
결국, 홈페이지 로딩의 관건은 업로드하는 이미지의 용량에 있다고 볼 수 있는 대목이며, 운영하는 웹호스팅에 따라 치환에 대한 호환성이 있을 수 있으므로, 여러가지 이미지 최적화 플러그인을 경험해 보는 것을 추천합니다.
WP ROCKET SETTINGS EXPORT FILE DOWNLOAD
제가 현재 이 워드프레스 블로그 사이트에 설정된 WP ROCKET(워드프레스 로켓) 세팅값을 공유합니다.
이 사이트는 구글 애드센스, 카카오 애드핏의 광고 스크립트가 들어 있으며, 네이버, 다음, 구글, 빙 사이트의 검색결과를 통해 유입되는 방문자에게 보다 빨리 페이지가 열리는 세팅값을 출력했습니다.
WP ROCKET 설정값의 파일은 내가 운영하는 워드프레스 블로그 및 사이트의 테마, 플러그인, 미디어 수에 대해 상대적인 값으로 하나하나 유입되는 방문자에게는 보다 빨리 읽힐 수 있도록 했다는 점을 이해하셨으면 합니다.
아래에서 다운로드 받을 수 있는 WP ROCKET 세팅 출력 파일은 Zip 파일로 압축되어 있으며, 압축을 푼 뒤 json 파일을 본인의 대쉬보드 아래 Tools 페이지 내 Import settings에 업로드하면 됩니다.
