웹사이트 성능을 향상시키는 방법: 사이트 속도를 높이는 10가지 팁

업데이트: 2022-04-25 / 기사 작성자: Jerry Low
연구 결과에 따르면 페이지 로딩 속도가 빠를수록 전환율이 높아집니다. 웹 호스팅은 비즈니스 웹 사이트 속도의 중요한 요소 중 하나이므로 사이트를 빠르게 로드하는 데 도움이 되는 웹 호스트를 선택하는 것이 중요합니다.
연구에 따르면 페이지 로딩 속도가 빠를수록 전환율. 웹 호스팅은 비즈니스 웹사이트 속도의 중요한 요소 중 하나이므로 사이트를 빠르게 로드하는 데 도움이 되는 웹 호스트를 선택하는 것이 중요합니다(출처: CloudFlare).

영향을 미치는 주요 요인이 무엇인지 파악 웹 사이트 성능 한 가지이지만 가능한 한 사이트를 최적화하기 위해 할 수 있는 일이 많이 있습니다. 전체 목록을 거치지 않고 다음은 사이트 성능을 향상시키기 위해 수행할 수 있는 몇 가지 조정입니다.

1. 더 나은 호스팅 서버 선택

웹 호스팅은 웹 성능에서 가장 중요한 부분 중 하나입니다.

귀하의 사이트가 현재 계획에 따라 어려움을 겪고 있다면 더 많은 리소스가 필요할 수 있으며 더 나은 계획으로 이동하는 것이 도움이 될 수 있습니다.

초보 유튜버의 흔한 실수가 많고 단시간에 모든 실수를 고칠 수는 없다. 따라서 해야 할 일은 하나씩 해결하고 가장 중요한 것부터 시작하는 것입니다. 웹 호스트 그리고 거기에 우수한 웹 호스트. 웹 호스트마다 기능이 다르므로 독점 캐싱 기술, 솔리드 스테이트 드라이브 또는 중요한 영역에 대한 제어와 같은 주요 항목을 찾으십시오. 공유 호스팅은 리소스 면에서 더 적은 경우가 많으며 초과한 경우 둘 중 하나를 살펴봐야 할 수 있습니다. VPS 또는 클라우드 호스팅.

단순히 선택하는 경우가 있습니다. 더 나은 웹 호스트로 이동 도 작동할 수 있습니다. 그러나 그렇게 하기 전에 시간을 할애하여 가장 신뢰할 수 있는 이사 옵션이 무엇인지 알아보십시오.

권장 VPS 호스팅 제공업체

웹 호스트입장 계획미드 티어 플랜시험 기간지금 주문
BlueHost는$ 19.99 / 월$ 29.99 / 월30일BlueHost 받기
HostPapa$ 19.99 / 월$ 59.99 / 월30 일 동안돈을 받아가세요 HostPapa
InMotion 호스팅$ 17.99 / 월$ 64.99 / 월90일돈을 받아가세요 InMotion
InterServer$ 6.00 / 월$ 12.00 / 월30일돈을 받아가세요 InterServer
  LiquidWeb$ 15.00 / 월$ 45.00 / 월30 일 동안돈을 받아가세요 LiquidWeb
ScalaHosting$ 9.95 / 월$ 21.95 / 월30일돈을 받아가세요 ScalaHosting
TMD Hosting$ 19.97 / 월$ 29.97 / 월30일돈을 받아가세요 TMD Hosting

2. 더 빠른 DNS 공급자 사용

DNS(도메인 이름 시스템)란 무엇입니까?

또한 도메인 이름 시스템 (DNS) 인터넷 주소록입니다. 사용자가 브라우저에 웹사이트 도메인을 입력할 때마다(예: google.com) DNS는 브라우저가 웹사이트를 로드할 수 있도록 도메인 이름의 IP 주소를 찾는 데 도움을 줍니다.

DNS가 웹사이트 성능에 어떤 영향을 미칩니까?

공급자별 DNS 응답 속도 차이. 예를 들어, Cloudflare DNS는 11.68년 2022월에 90ms로 시간이 측정되었습니다. 상대적으로 RackSpace DNS 조회는 테스트에서 XNUMXms 이상 소요되었습니다(출처: PerfOps의 DNSPerf).

다양한 도메인 이름 서비스는 성능이 다르기 때문에 도메인 이름을 구입하는 위치가 중요합니다. DNS 확인은 시간이 걸리고 하드웨어에서 작동하기 때문에 응답 속도에 편차가 있을 수 있습니다. 

이것을 비웃기 전에 성능의 차이가 상당히 클 수 있다는 점에 유의하십시오. 예를 들어, Cloudflare 15ms 이내에 해결되지만 일부 공급자는 그보다 XNUMX배나 더 오래 걸릴 수 있습니다.

DNS 속도를 확인하는 방법

네임서버 성능을 확인하려면 다음과 같은 도구를 사용할 수 있습니다. 사이트 24 × 7. 도메인 이름으로 실행하면 네임서버가 쿼리에 응답하는 데 걸린 시간을 알려줍니다. 너무 높으면 네임서버 변경을 고려할 수 있습니다. 이것은 어렵지 않습니다.

속도 향상을 위한 네임서버 전환

네임서버 주소를 변경하는 것은 매우 쉽습니다.
네임서버 주소를 변경하는 것은 매우 쉽습니다.

선택할 수 있는 무료 및 유료 네임서버가 있습니다. 모든 유료 옵션이 반드시 더 나은 것은 아닙니다. 예를 들어 Cloudflare. 무료 계정의 경우에도 빠른 속도로 도메인 이름 확인에서 가장 빠릅니다.

그러나 선택은 귀하의 몫입니다. 가장 먼저 해야 할 일은 원하는 새 네임서버에 가입하는 것입니다. 이렇게 하면 기존 주소를 대체해야 하는 한 쌍의 네임서버 주소가 제공됩니다.

이렇게 하려면 도메인 이름을 구입한 시스템에 로그인해야 합니다. 이들 대부분에는 네임서버를 변경할 수 있는 간단한 대시보드가 ​​있습니다. 아래 예시에서 보여드릴 NameCheap 시스템.

  1. 계정 대시보드에서 도메인 이름 관리 옵션을 찾습니다.
  2. Nameservers에서 Custom DNS를 추가하는 옵션을 찾습니다.
  3. 새 네임서버 서비스에서 제공한 주소를 입력하세요.
  4. 제공된 두 주소를 모두 입력해야 합니다.

이 작업을 완료하면 일반적으로 새 네임서버의 대시보드를 통해 도메인 이름 기록을 관리하게 됩니다. 새 네임서버에 정착할 시간을 주십시오(24~48시간이 좋습니다).

이 작업이 끝나면 DNS 확인 속도를 다시 테스트하여 개선 사항이 있는지 확인할 수 있습니다. 처음에 개선이 보이지 않으면 조금 더 시간을 두십시오.

3. 적극적인 캐시

웹 캐싱 작동 방식(출처: Kinsta).

캐싱을 사용하면 정적 파일을 미리 로드하여 더 빨리 제공할 수 있습니다. 파일이 요청될 때마다 로드하는 대신 캐싱은 사용자 브라우저에 일부 파일을 저장하여 프로세스 속도를 높입니다. 이렇게 하면 성능이 향상될 뿐만 아니라 리소스 부하를 줄이는 데 도움이 됩니다. 웹 서버

모든 웹 서버가 동일하게 생성되는 것은 아니며 일부는 다른 서버보다 캐싱을 더 잘 처리합니다. 최상의 성능을 위해 다음을 제공하는 웹 호스트를 선택하십시오. Nginx에 또는 바니시. 다음은 몇 가지 예입니다.

  • Cloudways, NGINX로 로드 밸런싱 및 캐싱 기능이 있는
  • A2 호스팅, VPS 계획과 함께 Varnish를 사전 구성했으며,
  • Kinsta, 클라이언트에 대한 서버 캐싱의 모든 것을 처리합니다.

또한 실행 중인 경우 워드 프레스 편리한 사이트가 많이 있습니다. 무료로 제공되는 WordPress 캐싱 플러그인. 기술 지식이 거의 없는 사용자는 이 플러그인을 사용하여 단 몇 번의 클릭으로 WordPress 사이트를 최적화할 수 있습니다.

4. HTTP/2 사용

HTTP/2 대 HTTP/1
HTTP/2는 HTTP/1에 비해 다양한 개선 사항을 제공하므로 패키지를 더 빠르게 전달하고 사용자 경험을 개선할 수 있습니다(출처: Imperva).

이것은 모든 웹사이트 소유자가 주의해야 하는 유용한 기능 중 하나입니다. HTTP/2는 다중화를 가능하게 합니다. 즉, 파일을 한 번에 하나씩이 아니라 동시에 사용자에게 보낼 수 있습니다. 이것은 로딩 과정을 돕습니다.

불행히도 모든 웹 호스팅 계획이 HTTP/2를 사용할 수 있는 것은 아니며 일부 웹 호스트는 더 비싼 계획만 제공합니다. 이 문제를 해결하는 한 가지 방법은 다음을 사용하는 것입니다. Cloudflare, 모든 사이트에 대해 HTTP/2를 활성화할 수 있습니다.

5. KISS 원리 따르기

이것은 일반적으로 대부분의 웹 전문가가 가르치는 것이 아니지만 여러 면에서 매우 유용하다는 것을 알았습니다. KISS는 "Keep It Simple, Stupid"의 약자입니다. 1960년대에 간단한 시스템의 효율성을 강조한 어떤 똑똑한 사람에 의해 만들어졌습니다.

엄지 손가락의 규칙에 따라, 나는 이것이 삶의 거의 모든 것에 적용된다는 것을 안다. 지나치게 복잡한 구현 및 디자인을 피함으로써 신속하고 중요하게 관리 및 유지가 용이 한 사이트의 이점을 누릴 수 있습니다.

디자인 및 비주얼

당신의 디자인과 시각적 인면을 간결하게 유지함으로써, 나는 주로 오버 헤드를 줄이는 형태로 진행됩니다. 거대한 숨 막힐듯한 이미지와 멋진 비디오가 많은 사이트는 나쁜 날에 나태처럼 빨리로드 될 것입니다. 깔끔하고 깔끔하게 유지하고 다양한 페이지에서 비디오 및 이미지로드를 분리하십시오.

코드 및 플러그인

WordPress는 매우 모듈 식이며 사용하기가 쉽기 때문에 멋진 일입니다. 어떤 일을 하던지간에 누군가가 이미 그 플러그인을 디자인했습니다..

흥미롭게 들리지만 플러그인으로 사이트에 과부하가 걸리지 않도록 주의하십시오. 각 플러그인은 다른 사람(아마도 다른 회사)에 의해 설계되었음을 기억하십시오. 그들의 목적은 사이트 속도를 간소화하는 것이 아니라 특정 목표를 달성하는 것입니다.

가능하면 스스로 관리할 수 있는 플러그인을 사용하지 마십시오. 예를 들어 텍스트에 테이블을 삽입하는 데 도움이 되는 플러그인을 살펴보세요. 기본적인 내용을 쉽게 배울 수 있습니다 HTML 코드 플러그인을 사용하는 대신 테이블을 그리는 것이 좋겠죠?

일부 개별 플러그인은 사이트 속도를 크게 저하시킬 수 있으므로 새 플러그인을 설치할 때마다 속도 테스트를 수행하십시오!

6. gzip 압축 활성화

웹 페이지는 일반적으로 이미 작지만 보내기 전에 압축하면 사이트 성능을 향상시킬 수 있습니다. 이미지 압축 또는 아카이브(ZIP 또는 RAR)에 대해 들어본 적이 있다면 아마도 gzip 압축 이면의 이론에 익숙할 것입니다. 이렇게 하면 웹 사이트 코드가 압축되어 최대 300%의 속도 향상이 나타납니다(결과는 다양함).

다음과 같은 각 웹 서버 유형 아파치, LiteSpeedNginx에 gzip 압축을 다르게 처리합니다. 또는 다음 코드를 .htaccess로 파일을 사용하여 웹 파일을 압축합니다.

# HTML, CSS, JavaScript, 텍스트, XML 및 글꼴 압축 AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE 애플리케이션/x-font-otf AddOutputFilterByType DEFLATE 애플리케이션/x-font-truetype AddOutputFilterByType DEFLATE 애플리케이션/x-font-ttf AddOutputFilterByType DEFLATE 애플리케이션/x-javascript AddOutputFilterByType DEFLATE 애플리케이션/x 애플리케이션+xml AddOutputFilterByType DEFLATE 추가 DEFLATE 오픈타입 AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType AddOutputFilterByType LATE 텍스트/일반 AddOutputFilterByType DEFLATE 텍스트/xml

7. CDN (콘텐츠 전송 네트워크) 사용

단일 서버 배포(왼쪽) – 웹 파일이 단일 위치에서 제공됩니다. 반면에 CDN(오른쪽)에서는 웹 파일이 사용자와 가장 가까운 서버에서 제공됩니다.

CDN 작동 방식

컨텐츠 전달 네트워크는 지리적 위치에 따라 웹 페이지 및 기타 컨텐츠를 사용자에게 전달하는 서버 네트워크입니다. 즉, 원격 서버가 최종 사용자가 요청한 데이터로 응답하는 데 걸리는 시간을 줄이는 데 도움이됩니다.

일반적으로 가장 가까운 서버에 저장된 정적 컨텐츠를 사용자의 지리적 위치에 포착합니다. 데이터가 이동하는 거리가 짧아지면 전달 시간 (또는로드 속도)이 향상됩니다.

CDN을 사용하면 방문자가 어디서 왔는지에 상관없이 웹 페이지를 훨씬 빠르게 제공하고 로딩 속도를 향상시킬 수 있습니다.

작은 웹 사이트의 소유자라면 Cloudflare 잘 작동하는 무료 옵션이 있습니다. 기업과 대규모 사이트는 더 나은 계획을 세우기 위해 비용을 지불해야하지만 CDN의 장점을 감안할 때 그만한 가치가 있습니다!

고려해야 할 기타 CDN 서비스는 다음과 같습니다. 라임 라이트, KeyCDN

8. 이미지 최적화

일반적으로 크기가 크지만 웹용 이미지는 크기를 보다 쉽게 ​​관리할 수 있도록 최적화할 수 있습니다. 웹 이미지에 환상적인 선명도가 자주 필요하지 않기 때문에 일반적으로 이미지 품질을 조정하여 이 작업을 수행합니다. 

다음과 같은 무료 온라인 도구가 있습니다. Optimizilla 이 작업을 수행하는 데 사용할 수 있습니다. 영상 최적화 플러그인 WordPress를 사용하는 경우. 대부분의 이미지 최적화 도구를 사용하면 이미지의 해상도 세부 사항을 미세 조정하여 점차적으로 톤을 낮출 수 있습니다. 훈련을 받지 않은 사람의 눈에는 거의 비슷하게 보이지만 크기는 훨씬 작습니다.

최적화된 이미지와 최적화되지 않은 이미지
예 – HD 이미지(왼쪽)의 영역을 확대한 것입니다. 원본은 2.3MB였고 최적화 후 이미지는 331kb로 줄었습니다.

9. 코드 축소

오늘날 웹 사이트에는 Javascript 및 CSS 파일이 넘쳐나는 것이 일반적입니다. 사이트를 더욱 세부적으로 조정하려면 축소라는 프로세스를 통해 코드를 최적화할 수 있습니다. 이것은 파일 크기를 최소한으로 줄이기 위해 기존 코드에서 공백이나 불필요한 문자를 제거하여 작동합니다.

다시 말하지만, 다음과 같이 이를 위해 사용할 수 있는 도구가 있습니다. 미니 파이어. 그래도 경고 한마디. 코드 축소는 종종 사람이 읽기를 매우 어렵게 하므로 모든 사이트를 수행하는 경우 코딩 수동으로 고려해야 할 사항입니다.

웹 사이트 속도를 높이는 코드 축소
미세화로 인해 코드가 뒤죽박죽으로 보일 수 있습니다. 놀라지 마십시오! 이것은 정상입니다.

10. 리디렉션 줄이기

일반적으로 브라우저는 다양한 형태의 주소를 받아 들여 서버에서 공식 주소로 변환합니다. 예를 들어 보자. www.example.com 및 example.com. 두 사이트 모두 동일한 사이트로 이동할 수 있지만 서버는 공식적으로 인식 된 주소로 리디렉션해야합니다.

리다이렉션은 시간과 자원을 필요로하므로 사이트 리디렉션을 통해 사이트에 도달 할 수 있는지 확인해야합니다. 이것을 사용하십시오 리디렉션 매퍼 네가 제대로하고 있는지 알아봐.

이 권리를 수행하는 복잡성과 지속적으로 관련된 시간을 감안할 때 이것은 한 번만 다음과 같은 플러그인을 사용하는 것이 좋습니다. 리디렉션.

웹사이트 속도 테스트

더 빠르게 로드하기 위해 사이트를 조정할 수 있는 범위가 광범위합니다. 일부는 옵션을 토글하는 것처럼 간단할 수 있지만 다른 일부는 더 복잡할 수 있습니다. 그래도 모든 과정을 고려한다면 시간이 좀 걸릴 수 있습니다.

한 번에 모든 변경을 수행하는 대신 성능 개선에 느리고 점진적으로 접근하는 것이 가장 좋습니다. 기술 기반의 모든 것과 마찬가지로 무언가 잘못 될 가능성이 있습니다.

시간이 지남에 따라 변경 사항을 구현하고 테스트와 함께 문서화하면 사이트를 사용할 수 없게되거나 충돌을 일으킬 수있는 변경 사항을 더 쉽게 식별 할 수 있습니다. 저를 믿으십시오 – 그것은 결국 일어날 것입니다.

웹 사이트 속도 테스트 도구

사이트 속도 측정기를 사용하면 현재 사이트가 얼마나 잘 최적화되었는지 확인할 수 있습니다.

시작하려면 먼저 사이트로드 속도를 테스트하십시오. 권장 도구는 다음과 같습니다.

  • WebPageTest: 일반적인 운영 체제를 실행하는 실제 브라우저에서 웹 페이지 성능을 수집합니다.
  • 핑덤: 병목 현상을 분석하고 찾는 데 도움이 됩니다. 웹 사이트 성능.
  • GTmetrix: 웹 페이지 속도를 최적화하는 최선의 방법을 분석하고 실용적인 통찰력을 제공하십시오.
  • 비트 캣차: 8 개국의 사이트 속도를 확인하십시오.

더 많은 선택을 위해 – 이 무료 웹 사이트 속도 테스트 도구를 확인하십시오

웹사이트 속도 – 얼마나 빠를까요?

Google PageSpeed ​​Insight
Google PageSpeed ​​Insight는 검색 거인이 귀하의 사이트 실적을 보는 방식에 대한 훌륭한 벤치 마크입니다.

방문자 경험 외에도 웹 사이트 속도와 가동 시간 성능은 검색 순위의 가시성에 영향을 미칩니다. 검색의 왕은 Google이므로 목표로 삼고 싶은 바입니다. 그들에 따르면 방문자의 40%는 로드하는 데 XNUMX초 이상 걸리는 페이지를 떠납니다( ). 사이트 성능에 만족하지 않는 전자 상거래 플랫폼 사용자는 해당 사이트에서 다시 구매할 가능성도 낮습니다. 

불행히도 많은 사이트가 여전히 이 기준을 충족하지 못합니다. 실제로 3~4분 정도 로딩이 걸리는 충격적인 사이트를 측정해봤습니다.

최종 생각: 더 빨라진 웹사이트는 모두를 행복하게 합니다.

오늘날의 광대역 속도는 모바일에서도 매우 증가하여 훨씬 더 늘어날 것입니다. 즉, 웹 사이트 소유자가 느린 로딩 사이트를 방문하도록 방문자를 남겨 둘 변명의 여지가 거의 없음을 의미합니다.

저를 믿으십시오, 당신은 잃는 방문자를 계속할 것이고 어느 시점에서, 당신이 "Oh로 알려질 저 나쁜 명망을 얻습니다. 웹사이트”. 당신이 온라인 비즈니스, 그것은 당신이 자신의 황금 거위를 죽일 것이기 때문에 더욱 악화됩니다.

위의 8 팁은 절대로 모두가 끝나지는 않지만 모든 것을 끝내고 조금 더 잘 관리하는 방법에 대한 아이디어를 제공해야합니다. 오늘 웹 사이트를 빠르게하고 고객이나 방문자를 유지하십시오.

끝내지 마라. 웹 사이트.

더 읽기

Jerry Low 정보

WebHostingSecretRevealed.net (WHSR)의 설립자 - 100,000의 사용자가 신뢰하고 사용하는 호스팅 검토. 웹 호스팅, 제휴 마케팅 및 SEO에서 15 년 이상의 경험. ProBlogger.net, Business.com, SocialMediaToday.com 등의 기고자.