보안 외에도 사이트 속도는 온라인 비즈니스 성공에 매우 중요합니다. 사이트 로드 시간은 사용자 경험의 지배적인 구성 요소이며 검색 엔진 보상(특히 SEO)에 영향을 미칩니다. 사이트 속도가 1초 지연되면 전환율이 7% 감소합니다. 7초 지연은 전환을 절반으로 줄입니다!
PageSpeed Insights를 사용하여 사이트 속도 측정
사이트의 로딩 시간에 영향을 줄 수 있는 많은 요인이 있습니다. 사이트 속도를 최적화하기 위해 무엇을 해야 할지 추측하기보다는 PageSpeed Insights by Google을 사용하여 사이트에서 수정해야 할 사항을 찾는 것이 가장 좋습니다.
1. PageSpeed Insights 웹사이트로 이동합니다.
2. "웹 페이지 URL 입력"이라는 텍스트 상자에 웹사이트를 입력합니다. 이 경우 MakeTechEasier.com.
3. "분석" 버튼을 클릭하고 로드를 확인합니다.
4. 로드가 완료되면 웹사이트 성능에 대한 보고서 페이지가 표시됩니다. 이 보고서 페이지는 당신이 옳고 그른 것을 알려줍니다. 보고서 페이지를 사용하여 권장 변경 사항을 구현하십시오.
보고서 페이지에는 웹사이트에 대한 모바일 및 데스크톱 화면 속도 보고서가 있습니다. 각 화면의 보고서는 어떤 최적화가 필요한지 알려주는 "가능한 최적화"와 어떤 개선 사항이 있는지 알려주는 "최적화 발견"으로 나뉩니다.
MTE(Make Tech Easyer)의 경우 가능한 최적화는 다음과 같습니다.
- 스크롤 없이 볼 수 있는 콘텐츠에서 렌더링 차단 JavaScript 및 CSS 제거
- 브라우저 캐싱 활용
- 이미지 최적화
이 목록은 MTE 전용이며 Google 표준에 따르면 MTE는 충분히 빠릅니다(아래 이미지에서 알 수 있음). 속도 최적화가 더 낮은 웹사이트를 운영하면 더 많은 최적화 제안이 제공됩니다.
PageSpeed Insights는 개별 페이지에만 적용됩니다. 이 도구는 전체 웹사이트를 일반화하는 대신 웹사이트의 각 페이지가 로드되는 속도를 파악하는 데 매우 유용합니다.
발견된 MTE의 최적화는 다음을 포함합니다:
WordPress 사이트 속도 최적화
PageSpeed Insights의 최적화 제안을 사용하여 WordPress 사이트의 속도를 개선할 수 있는 방법을 탐색합니다.
1. 스크롤 없이 볼 수 있는 콘텐츠에서 렌더링 차단 JavaScript 및 CSS 제거
간단히 말해서 PageSpeed는 특정 CSS가 웹사이트에서 렌더링되는 속도를 개선할 것을 권장합니다. 문제는 PageSpeed가 최적화 제안을 구현하는 다소 기술적인 경로를 제공한다는 것입니다. 개발자가 아닌 경우에는 어려움을 겪을 것입니다. 코드를 사용하지 않고 WordPress 사이트 속도를 향상시키려면 Autooptimize 플러그인을 사용하세요.
Autooptimize가 하는 일은 스크립트와 스타일을 집계, 축소 및 캐시하고, 기본적으로 페이지 헤드에 CSS를 삽입하고, 스크립트를 바닥글로 이동 및 연기하는 것입니다. 또한 HTML 코드 자체를 축소하여 페이지를 정말 가볍게 만듭니다.
2. 브라우저 캐싱 활용
WordPress 플러그인을 사용하여 사이트 콘텐츠를 캐시하십시오. 캐싱은 웹 콘텐츠를 정적 HTML 파일로 제공합니다. WordPress 사이트의 인기 있는 캐싱 플러그인에는 WP Super Cache, W3 Total Cache, WP-Rocket 및 WP Fastest Cache가 있습니다.
3. 이미지 최적화
이미지 최적화에는 많은 옵션이 있습니다. 이미지를 업로드하기 전에 최적화하고 플러그인을 사용하여 최적화를 더욱 개선할 수 있습니다.
Fireworks 또는 Photoshop을 사용하여 이미지를 만드는 경우 "웹용으로 저장" 옵션을 사용하여 이미지를 줄입니다. 그래픽 프로그램이 없다면 ImageOptim(Mac에서만 작동), Compressor.io(웹에서 사용 가능), TinyPNG(웹 기반)와 같은 다른 최적화 도구를 사용하세요.
최적화 프로세스를 자동화하기 위해 WP Smush, PixPie 등과 같은 이미지 최적화 플러그인을 사용할 수도 있습니다.
LazyLoad 플러그인은 사이트 속도를 향상시키는 또 다른 방법입니다. 필요할 때만 이미지를 로드하여 전송 대역폭을 절약합니다(사용자가 페이지를 아래로 스크롤할 때).
더 많은 사이트 속도 최적화
거의 모든 최적화에서 플러그인을 사용할 수 있으므로 코드를 수정하지 않아도 됩니다. 그러나 일부 WordPress 사이트 속도 최적화는 플러그인 이상입니다. 사이트 속도에 영향을 미치는 두 가지 대체 요소는 올바른 호스트 및 호스팅 계획과 콘텐츠 전송 네트워크(CDN) 사용입니다.
호스트 및 호스팅 계획
"무제한 페이지 조회수"를 약속하는 공유 호스팅은 좋은 거래처럼 들리지만 예고되지 않은 비용이 듭니다. 사이트 속도가 저하되고(이로 인해 사이트의 평판, SEO 및 사용자 경험이 저하됨) 사이트도 다운 시간이 많이 발생합니다.
호스팅이 사이트 속도에 미치는 영향은 얼마나 됩니까? Colocation America는 VPS 호스팅이 사이트 속도를 62% 향상시켰다고 말합니다. SEJ에 따르면 공유 호스팅 서버의 웹 페이지는 로드하는 데 거의 8초가 걸린 반면 VPS 호스팅의 웹 페이지는 2초 이상 소요되었습니다.
가능하면 공유 호스팅이 아닌 VPS 또는 기타 전용 호스팅 옵션으로 전환하십시오. 언뜻 보기에는 저렴한 호스팅이 비용을 절약하는 것처럼 보이지만 실제로는 비즈니스를 망칩니다.
GZIP 압축 및 수축을 사용하는 호스트를 선택하십시오. 파일 또는 사이트의 품질을 저하시키지 않으면서 비디오, 오디오 및 이미지 파일을 포함하여 파일 크기를 70%까지 줄일 수 있습니다. Gzipping만으로도 사이트 속도를 크게 높일 수 있습니다. GD 네트워크의 도구를 사용하여 사이트가 Gzip으로 압축되었는지 확인할 수 있습니다.
CDN이 부하를 전달하도록 합니다.
사이트 트래픽이 증가하는 경우 Amazon CloudFront와 같은 콘텐츠 전송 네트워크(CDN)를 사용합니다. CDN은 사진, CSS, Javascript 등과 같은 사이트의 모든 정적 레코드를 가져와 다른 지리적 위치에 있는 서버에 배포합니다. 귀하의 사이트 방문자는 CDN 서버에 대한 지리적 근접성을 기반으로 귀하의 콘텐츠에 액세스할 때 향상된 사이트 속도의 이점을 누릴 수 있습니다.
CDN Enabler 플러그인을 사용하여 즐겨찾는 CDN 서비스를 WordPress 사이트에 빠르게 통합할 수 있습니다.
마무리
사이트 보안에 대해 협상하거나 타협하지 않을 것입니다. WordPress 사이트 속도를 동일하게 취급하십시오. 구글은 디자인에서 사이트 속도를 우선시하는 웹사이트를 우선시한다고 공개적으로 밝혔습니다. 검색 엔진뿐만 아니라 사이트 사용자도 크롤링하는 사이트보다 빠르게 움직이는 사이트를 선호합니다. 여기에서 팁을 곧 사용하십시오!