워드프레스 사이트가 느리게 표시되면 방문자들은 읽지 않고 떠날 것입니다. 또한 SEO에도 바람직하지 않습니다.
하지만 디스플레이 속도를 높이는 방법을 찾아도 개선이 어려운 경우가 많습니다.
그래서 이 글에서는,워드프레스 사이트의 디스플레이 속도를 극적으로 빠르게 하는 방법설명해 드리겠습니다.
화면 속도를 높이고 방문자 친화적인 웹사이트를 만드는 것은 어렵지 않습니다. 워드프레스가 느린 이유는 많지 않습니다.
먼저, 느린 워드프레스 사이트의 단점부터 살펴보겠습니다.
워드프레스 디스플레이 속도 느린 단점
먼저, 워드프레스 사이트가 느리게 표시될 때 발생할 수 있는 "문제"에 대해 설명해 보겠습니다.
- 사용성 감소
- 구글 평점이 점점 나빠지고 있습니다
- 판매 감소
마케팅 에이전시징조계약서에 따르면 클로징 속도는 처음 5초입니다. 페이지가 0-4초 내에 로드되는 것이 바람직하며, 페이지 로딩 시간 1초마다 평균 4.42% 감소하는 마감 속도가 감소합니다.
또한KISSmetrics웹사이트 페이지가 2초 이내에 로드될 것으로 기대하는 방문자의 47%가 조사에 따르면, 3초 이상 로드되는 경우 40%가 웹사이트를 떠납니다.
이 두 데이터를 보면 알 수 있습니다. 워드프레스 사이트의 느린 표시 속도는 방문자에게 스트레스를 주고 매출을 크게 감소시킬 수 있습니다.
사이트의 디스플레이 속도를 측정하세요
먼저 디스플레이 속도를 올리기 전에,웹사이트의 현재 표시 속도를 측정하세요.
실제로 개선을 하더라도, 사이트의 표시 속도를 알지 못하면 적절한 개선 조치를 취할 수 없습니다.
또한 디스플레이 속도는 그대로 두면 괜찮을 수도 있고, 즉시 개선해야 할 수도 있습니다. 로딩에서 페이지 표시까지 10초가 걸린다면 문제가 됩니다.
하지만 로딩에서 표시까지 1초나 2초 걸릴 걱정은 하지 않아도 됩니다.
우선, 구글에서 제공하는 페이지 측정 도구에 대해 말씀드리자면,페이지스피드 인사이트사이트의 디스플레이 속도를 측정하기 위해서입니다.
표시 속도는 점수에 의해 쉽게 결정됩니다. 사이트 상단 페이지를 측정했을 때 결과는 다음과 같았습니다.
모바일은 67점을 기록했다. 컴퓨터 점수는 96점입니다.
이 점수는 스마트폰에서 조회되는 페이지의 표시 속도가 느리다는 것을 의미합니다. (지금은 좀 느리니 그냥 두셔도 됩니다.)
이런 점수에 표시되어 있어서 이해하기 쉽습니다.
그럼 웹사이트도 함께 측정해 봅시다. 점수 기준을 게시하겠습니다.
- 0~49점 = 빨간 점
- 50~89점 = 평균
- 90점 ~ 100점 = 우수
이런 분류 방식도 괜찮습니다. 만약 당신의 웹사이트가 레드닷 주에 있다면, 개선이 필요합니다. 여기 디스플레이 속도를 높이는 9가지 방법이 있습니다.
각각을 살펴보겠습니다.
(1) 이미지 파일 축소 및 최적화
워드프레스 사이트의 표시 속도를 향상시키기 위해 가장 먼저 시도해야 할 것은 다음과 같습니다"사이트 내 이미지 파일의 무게 감소"그럴 수 있어.
WordPress에 직접 업로드된 이미지 파일은 무겁습니다. 즉, 큰 이미지 파일을 페이지에 올리면 페이지가 더 느리게 로드됩니다.
그래서 저는 WordPress에 업로드하는 이미지를 자동으로 밝게 만들어주는 플러그인을 사용합니다. 이미지 최적화 플러그인이 많지만, 그중 저는쇼트픽셀워드프레스에서요.
- 평균 파일 압축률: 65.05%
- ShortPixel에 의해 저장된 디스크 용량: 32.1 MB
- ShortPixel 대역폭 절약*: 313.49 GB
평균적으로 이미지 크기를 65% 줄일 수 있었습니다.
이미지를 밝게 하면 필연적으로 손상되고 거칠어집니다. 다른 이미지 밝기 플러그인도 마찬가지입니다. 하지만 ShortPixel을 자세히 보면 이미지 저하가 거의 보이지 않습니다.
결과물로 나온 작은 이미지는 원본과 품질 차이가 없습니다.
https://shortpixel.com/
ShortPixel은 또한 "이미지가 밝아졌더라도 원본 이미지와 원본 이미지 사이에 품질 차이는 없다"고 명시되어 있습니다.
ShortPixel은 한 달에 최대 150장의 카드까지 무료로 제공됩니다. 그래서 많은 이미지를 업로드하고 싶지 않다면 무료 버전이면 충분합니다. 매달 약 9,500 = 10,000장의 이미지 가중량을 줄여야 해서 유료 요금제를 사용합니다.
유료 요금제도 월 4.99달러부터 이용할 수 있습니다. 언제든지 구독을 해지할 수 있으며, 스스로 업그레이드되는 일도 없습니다. 먼저 무료 버전에서 시도해보고, 필요하면 유료 버전으로 업그레이드하세요.
자세한 설명은 아래 기사를 참고해 주세요.
>> 이미지 압축 플러그인 ShortPixel 사용 및 완전 가이드
(2) 크롬 확장 프로그램을 삭제해 보세요
저처럼 구글 크롬을 사용한다면, 꼭 크롬 설정을 확인해 보세요.
사이트가 무겁다고 생각했는데, 실제로는 브라우저에서 속도가 너무 빠른 거예요.
- 캐시 삭제
- 모든 기록을 삭제하세요
- 확장 프로그램을 하나씩 비활성화해 보세요
- 모든 탭 닫기
이 네 가지 모두 실천해 주세요. 제 경우에는 확장 프로그램에 Adblock을 넣었어요. 그 결과 기사의 편집 화면이 느려지고 Matmo로 이동하지 않았습니다.
게다가 '캐시 지우기와 하드 리로딩'이라는 이른바 슈퍼 리로드를 했을 때 사이트 자체가 한꺼번에 밝아졌습니다.
크롬 사용자들은 꼭 확인해 보시길 권합니다.
(3) WordPress 플러그인을 정리하세요
다음으로 해야 할 일은 워드프레스 플러그인을 정리하는 것입니다.
워드프레스에는 유용한 플러그인이 많이 있습니다. 재능 있는 개발자들은 계속해서 유용한 플러그인을 만들고 있습니다. 하지만 단순히 편리하다는 이유로 플러그인을 추가하면 워드프레스에 필요하지 않은 플러그인을 설치하게 될 것입니다.
필요하지 않은 플러그인도 앞으로 사용할 계획이 없더라도 여전히 설치되어 있습니다. 즉, 워드프레스 플러그인을 헛되이 설치하면 웹사이트가 무거워질 수 있습니다. 이런 경우는 흔합니다.
해결책은 간단합니다. 사용하지 않는 워드프레스 플러그인은 모두 비활성화하고 제거하세요.
사용 중인 플러그인이 활성화되거나 비활성화되었을 때 사이트 속도가 얼마나 달라지나요? 만약 한 플러그인을 활성화했는데 사이트 속도가 매우 높다면, 그 플러그인이 속도가 높은 원인입니다.
사용하지 않는 워드프레스 플러그인도 반드시 비활성화하고, 비활성화도 하세요. 사용하지 않는 플러그인을 남기면 보안 위험이 커집니다. 즉, 위험이 증가하는 것입니다.
>> [위험] 왜 워드프레스 플러그인을 너무 많이 추가할 수 없나요?
위에 쓴 기사에서 더 자세히 썼습니다. 저도 워드프레스 사이트에 악성코드가 침투해 파괴되는 경험을 했습니다. 꼭 읽어보세요.
(4) 워드프레스 테마 변경
워드프레스 테마를 바꾸는 것도 한 가지 방법입니다.
이는 일부 WordPrss 주제가 무거워서 그렇습니다. 기능이 너무 많거나 복잡한 디자인이 있는 워드프레스 테마는 보통 화면 속도를 느리게 만듭니다.
그럴 경우 워드프레스 테마를 다음과 같이 설정할 수 있습니다밝은 테마로 바꾸기만 해도 사이트 표시 속도가 크게 빨라집니다할 것입니다.
먼저, 현재 사용 중인 워드프레스 테마가 느린 화면 속도를 유발하는지 확인해 봅시다.
확인하려면,구글 페이지스피드 인사이트로 측정해 봅시다.
웹사이트의 워드프레스 테마를 변경하기 전후로 페이지 속도가 얼마나 변하는지 측정하면, 워드프레스 테마가 느리는지 알 수 있습니다.
(5) 서버의 PHP 버전을 최신 상태로 유지하세요
이 글을 읽는 많은 분들이 호스팅 제공업체와 함께 워드프레스 웹사이트를 개설해 본 적이 있을 것입니다.
그렇다면PHP 버전 렌탈 서버확인해 주세요. 워드프레스는 PHP라는 언어로 작동합니다.
PHP 버전이 구식이라면 전체 사이트 성능도 느려질 수 있습니다.
반대로 PHP 버전을 최신 버전으로 설정하면 디스플레이 속도가 향상될 뿐만 아니라 서버 내 보안도 크게 향상됩니다.
서버 패널에서 PHP 버전을 확인할 수 있을 거예요. *확실하지 않으시면, 계약 중인 렌탈 서버 회사에 연락해 주세요.
PHP를 변경하기 전에 웹사이트 백업을 잊지 마세요.
(6) 서버의 사양(성능) 변경
사업에 방해가 될 수 있어서 구체적인 이름은 밝히지 않겠지만, 예전에 계약한 렌탈 서버는 사양이 낮고 워드프레스 설치에 너무 바빴습니다.
워드프레스를 실제로 사용해보려고 했던 기억이 나지만, 너무 느려서 제대로 사용할 수 없었고, 결국 또 다른 렌탈 서버를 다시 계약해야 했습니다.
저렴한 렌탈 서버는 조심하세요. 사양이 낮으면 디스플레이 속도가 한꺼번에 떨어집니다.
현재 저는 Mixhost에서 저희 사이트를 운영하고 있습니다. Mixhost는 사이트 속도를 높일 수 있는 다양한 기능을 갖추고 있으니, 확신이 없다면 추천합니다.
(7) 사이트의 CSS와 자바스크립트를 최적화하세요
가볍게 쓰는 건 추천하지 않지만, 제대로 사용하면 매우 효과적입니다. 그게 바로 사이트 디스플레이 속도를 최적화하는 플러그인에 넣는 기능입니다.
CSS, HTML, JavaScript만 압축해도 사이트의 표시 속도를 크게 향상시킬 수 있습니다. 사이트 속도를 개선하려면 표시 속도를 늦추는 불필요한 기능을 중단, 압축, 제거함으로써 개선할 수 있습니다.
해당 사이트들의 디스플레이 속도를 최적화하기 위한 플러그인으로, 다음과 같은 플러그인을 소개했습니다.
- 오토최적화
- WP 슈퍼 캐시
두 곳 모두 무료입니다. LiteSpeed 웹 서버를 사용 중이라면, LiteSpeed Cache 플러그인을 사용해 사이트를 폭발시킬 수 있습니다.
그 경우 너무 빠르게 폭발해 현장 구조가 붕괴될 수 있습니다. 조심해서 사용해 주세요.
웹사이트 성능 향상에 돈을 지불할 의향이 있다면, 위 두 곳보다 WP Rocket이 최선의 선택입니다.
(8) 레이지 로드 설정
다른 웹사이트를 읽다가 스크롤할 때마다 부드러운 이미지들이 올라오는 적이 있나요?
이것은이미지 게으른 로딩이건 ' 이것은 레이지 로드라고도 불립니다.
이 메커니즘은 사이트의 디스플레이 속도를 크게 향상시킬 수 있습니다.
우선, 페이지에 너무 많은 이미지가 있어 페이지를 표시하기 어려운 경우가 있습니다. 페이지에 이미지가 많으면 페이지가 로드될 때 모든 이미지를 한꺼번에 표시하려고 시도해 표시 속도가 느려집니다.
따라서 "이미지 로딩 지연"을 설정하면 스크롤할 때마다 한 장씩의 이미지를 표시할 수 있습니다. 그 결과 페이지 로딩 속도가 크게 향상되었습니다.
저는 위에서 소개한 Autoptimize를 사용하고 있습니다. Autoptimize 설정 항목에는 "이미지의 게으름 부재"가 있습니다.
이 박스를 체크하면 게으른 로딩이 자동으로 이루어집니다.
(9) 캐싱 활성화
느린 디스플레이 속도 웹사이트는캐싱 기능 소개추천합니다.
웹사이트의 구조는 방문자가 페이지를 방문할 때마다 페이지를 표시하는 것입니다.
방문자들은 방문할 때마다 페이지를 표시하는 데 엄청난 시간이 걸립니다.
이런 경우 캐싱 기능이 효과적입니다.
캐싱 기능을 구현하면 로드된 페이지 정보를 서버 내에 저장할 수 있습니다. 이렇게 하면 다음에 다시 접근할 때 다시 할 필요가 없습니다.
워드프레스에서 캐싱을 활성화하는 방법
워드프레스에서 캐싱을 구현하는 것은 워드프레스 플러그인을 빠르게 사용하는 방법입니다.
이 사이트는 렌탈 서버 "Mixhost"에서 운영됩니다. Mixhost에서는 LiteSpeed Cache라는 플러그인을 추가하면 캐싱 기능을 구현할 수 있습니다.
일부 호스팅 제공업체는 플러그인 없이도 캐싱을 활성화할 수 있도록 허용하기도 합니다.
"Conoha WING"을 사용 중이라면 제어판에서 캐시를 설정할 수 있습니다.
이렇게 하면 캐싱 기능을 플러그인과 서버 설정에서 쉽게 구현할 수 있습니다.
캐시 기능이 포함된 "레이아웃 붕괴"
하지만 한 가지 주의할 점이 있습니다. 캐싱 기능을 도입하면 사이트에 오류가 발생할 수 있다는 점을 명심하세요.
캐싱 기능은 설치가 쉽고 디스플레이 속도를 향상시키는 효과적인 방법이지만, 도입 전에 반드시 백업을 해야 합니다.
저도 이 사이트의 캐시 기능을 사용하지만, 캐시 기능을 설정하지 못해 사이트 레이아웃이 일시적으로 고장 났습니다(하지만 설정을 되돌리면 쉽게 해결되었습니다).
캐싱 기능을 사용할 때는 부하를 여러 번 테스트하는 것이 중요합니다. 디스플레이 속도가 더 빠르더라도 레이아웃이 깨지면 이야기는 끝입니다.
워드프레스를 빠르게 사용하는 것의 위험성은 무엇일까요
이 글에서워드프레스 사이트 속도를 높이는 방법내가 설명했다. 대부분의 워드프레스 사이트는 이 글에서 다룬 방법을 사용해 디스플레이 속도를 개선해야 합니다.
여기서 다룬 모든 방법을 꼭 할 필요는 없습니다. 이미지 파일이 무겁다고 생각되면 이미지 크기를 줄여 개선해 보세요.
기사 초반에 설명했었죠.사이트 표시 속도도 사용성 향상에 중요합니다.디스플레이 속도를 높이기만 해도 사이트의 트래픽률이 증가하고, 페이지의 CV 트래픽도 증가합니다.
제발 노력해 보세요.
답을 남겨주세요