웹 사이트 속도 향상을위한 팁

Google은 일반적으로 SEO와 웹 사이트 순위의 작동 방식에 대해 비밀을 유지합니다. 그러나 한 가지 확실한 점은 페이지 속도가 큰 요소입니다. 검색 엔진 거대, “우리는 사용 가능한 페이지 수를 줄이면서 사용 가능한 페이지를 홍보하는 알고리즘을 개발합니다. 이 알고리즘은 다음과 같이 모든 사용자가 결과를 볼 수 있는지 여부를 나타내는 신호를 분석합니다.… 인터넷 연결 속도가 느린 사용자에게 페이지 로딩 시간이 적절한 지 여부.”


웹 사이트의 성공을 위해서는 초고속 웹 사이트 (데스크톱 및 모바일 버전 모두)가 필수적입니다. 온라인 구매자의 70 %는 웹 사이트가 얼마나 빨리 특정 웹 사이트에서 구매 하려는지에 부정적인 영향을 줄 것이라고 말합니다. 마지막으로 원하는 것은 웹 사이트가 너무 느리게로드되어 경쟁 업체에게 고객을 잃는 것입니다..

우리는 귀하의 사이트를 최적화하기 위해 올바른 호스팅 계획을 선택하는 방법부터 모든 것을 포함하여 웹 사이트의 속도를 향상시키는 방법에 대해 단계별로 안내합니다.

1. 호스팅 계획 업그레이드

호스팅 계획을 선택할 때 가장 저렴한 계획을 선택하고 싶을 수도 있습니다. 공유 호스팅 계획은 비용이 가장 적게 드는 경향이 있지만 웹 사이트 속도가 느려질 수도 있습니다. 공유 호스팅 계획을 통해 서버의 리소스를 수많은 다른 클라이언트와 공유해야합니다..

공유 호스팅 환경이 제공 할 수있는 것보다 많은 트래픽이 발생하거나 더 많은 리소스가 필요한 경우 호스팅 계획을 업그레이드 할 수 있습니다. 몇 가지 옵션이 있습니다.

  • 전용 서버. 전용 서버는 호스팅 유니버스의 엘리트입니다. 웹 사이트의 요구 사항을 충족시키기 위해서만 작동하는 전체 물리적 서버의 광범위한 리소스를 제공합니다. 결과적으로 다른 웹 사이트로 인한 느린 속도의 위협은 없습니다’ 작업량. 또한 엔터프라이즈 수준의 하드웨어가 제공되어 웹 사이트 성능을 자동으로 가속화합니다. 정확한 사양에 맞게 사용자 지정할 수도 있습니다. 그러나 가장 큰 단점은 가장 비싼 호스팅 유형이라는 것입니다..
  • VPS 호스팅. 전용 호스팅 요금을 아직 감당할 수없는 분들을 위해 가상 사설 서버 (VPS) 호스팅 옵션이 있습니다. 이러한 종류의 호스팅은 훨씬 저렴한 가격으로 많은 전용 서버 혜택을 제공합니다. 가상화 된 서버의 모든 특정 서버 리소스를 구성하고 제어 할 수있는 전체 루트 액세스 권한이 있습니다. 따라서 웹 사이트는 RAM, CPU 코어 및 대역폭과 같은 할당 된 리소스의 모든 단위를 사용할 수 있습니다. AccuWeb 테스트를 기반으로 한 다음 이미지에서 볼 수 있듯이 VPS는 공유 호스팅보다 훨씬 빠른 속도로 웹 사이트를로드 할 수 있습니다.

호스팅 계획 업그레이드

2. CDN

CDN 또는 Content Delivery Network는 웹 페이지 및 기타 웹 컨텐츠를 사용자에게 전달하는 서비스입니다. 로컬 서버 그리드로 구성되어 있으며 모든 로컬 서버의 사본을 보유합니다. "무거운" 웹 사이트의 콘텐츠 – 이미지, 정적 파일 등. 사용자가 귀하의 사이트를 탐색 할 때 사용자와 가장 가까운 CDN 데이터 센터가 웹 사이트의 콘텐츠를 제공합니다.

그렇다면 어떤 CDN을 사용해야합니까? 서비스가 안정적이고 구성하기 쉽고 SSL을 지원하는 무료 기본 계획이 있기 때문에 Cloudflare로 시작하는 것이 좋습니다..

전문가의 팁 : "Cloudflare의 CDN을 사용하면 웹 사이트를

더 빠른 호스트와 다운 타임이 없습니다. 호스트를 더 빠른 호스트로 교체하는 것은 항상 고려해야 할 사항입니다. 그러나이 점을 명심하십시오. 웹 사이트를 크게 변경하는 경우 팀이있는 동안 파일을 제거하거나 서비스를 일시 중지하십시오. 변경 사항이 텍스트로만 작성된 경우 그대로 사용할 수 있습니다.."

여러 번 호스팅 제공 업체가 Cloudflare를 무료로 제공 할 것입니다. 이 특전을 이용할 수 있는지 확인하기 위해 호스팅 제공 업체를 선택하기 전에 작은 글씨를 읽으십시오.

3. 캐싱 플러그인

이것은 아마도 웹 사이트 속도를 최적화하는데 가장 잘 알려진 전략 일 것입니다. WP Total Cache 또는 WP Super Cache와 같은 멋진 무료 캐싱 플러그인을 사용할 수 있지만 웹 사이트가 더 높은 순위에 도달하려고하거나 잘 정의 된 판매 /가있는 경우 프리미엄 버전을 지불하는 것이 좋습니다 적절한 장소에 마케팅 퍼널.

주의 사항 : "캐시 플러그인의 일부 기능은로드 시간 측면에서 최소한의 개선을 가져 오며 WordPress 웹 사이트에 설치된 다른 플러그인을 망칠 가능성이 있습니다. 이를 염두에두고 항상 웹 사이트에 어떤 영향을 미치는지 테스트하십시오..

사이트 속도를 측정하기 위해 Booster Monster는 주로 Pingdom을 사용하며 때로는 GTMetrix도 사용합니다. 호스트와 가장 가까운 위치에서 웹 사이트를 테스트하십시오.."

캐시 플러그인의 구성은 위협적인 것처럼 보일 수 있습니다. 그러나 웹 사이트의 기능을 테스트하여 모든 것이 제대로 갖추어져 있는지 확인하십시오. 아무것도 변하지 않고 Pingdom이 속도가 향상되었음을 보여 주면!

그것’캐싱은’웹 사이트를 처음 방문하는 사람들을 위해 많은 일을하지 마십시오. 신규 방문자의 경우 브라우저는 서버 데이터에서 웹 페이지의 각 구성 요소를로드해야합니다..

4. 헤더 만료

재 방문자가 10 % 이상인 경우 (Google 웹 로그 분석으로 확인할 수 있음) .htaccess를 사용하여 만료 헤더를 구성하는 것을 고려해야합니다. 수동으로하는 것은별로 재미가 없지만 운 좋게도 일부 플러그인은 당신을 위해 그것을 할 수 있습니다.

이 플러그인을 바로 가기로 사용하십시오 :

https://wordpress.org/plugins/far-future-expiry-header/

이 플러그인이 WP Rocket 캐싱 플러그인과 충돌을 일으킬 수 있음을 기억하십시오 (그러나 프리미엄 플러그인이 있다면 갈 수 있습니다).

5. gzip으로 웹 사이트를 압축하십시오

오늘이 기사에서 한 가지만 빼면 CDN 팁이되어야합니다. 그러나 사이트 속도를 크게 향상시키는 빠르고 안정적인 것을 원한다면 gzip 압축이 가능합니다..

Gzip을 사용하면 브라우저 기반 HTTP 응답을 압축하여 사이트에서 대역폭을 절약하고 속도를 높일 수 있습니다. 여기에서 되풀이되는 문자열을 찾아 각 문자열을 첫 번째 인스턴스를 가리키는 포인터로 바꿉니다. 이렇게하면 궁극적으로 HTTP 응답의 크기를 70 %까지 줄일 수 있습니다. 특정 파일 형식이나 HTML, XML, CSS, JavaScript 등과 같은 특정 언어를 최소화하는 데 사용할 수 있습니다..

이 클립은 .htaccess 파일을 편집하는 방법을 보여줍니다. 파일을 변경하기 전에주의해서 백업하십시오. 웹 사이트 cPanel 파일 관리자를 사용하거나 FTP를 통해이를 수행 할 수 있습니다..

6. CSS 및 JS 파일 축소

축소는 Gzip 압축과 유사한 프로세스입니다. 기본적으로 축소는 코드의 크기를 더 작게 만들기 위해 주석과 공백 (또는 사용되지 않는 코드의 지시문)을 제거하는 것을 의미합니다. 이 원칙은 일반적으로 유효합니다. 웹 사이트의 크기가 1MB 미만인 경우로드 속도가 더 빠릅니다. 많은 플러그인은 축소에 도움이되고 일부 캐싱 플러그인은이를 매우 잘 지원합니다..

웹 사이트에서 주로 사용하는 플러그인을 고려해보십시오. 그것을 시도하려면 여기로 가십시오.

7. CSS 스프라이트 사용

이 목록에서 적용하기 가장 어려운 팁은 CSS Sprite를 사용하는 것입니다. 일반적으로 개발자의 도움이 필요하며 대부분 그래픽 로그가있는 웹 사이트를 도와줍니다. CSS Sprites는 모든 작은 이미지와 아이콘에서 하나의 큰 이미지를 만든 다음 큰 이미지 내에서 각 특정 이미지를 찾는 방법을 웹 사이트에 알려줍니다..

우리는이 기술이 얼마나 많은 HTTP 요청을 저장하는지 강조 할 수 없습니다. 따라서 웹 사이트가 보스처럼 빠르게로드되도록하려면 Upwork에서 직원을 주문하거나 고용하십시오..

8. mod_pagespeed를 사용하십시오

Google의 mod_pagespeed 모듈은 실제로 웹 사이트의 기능이 아니라 호스트의 기능입니다. 웹 사이트의 요구에 맞는지 활성화하고 테스트하는 것이 좋습니다..

9. 모든 외부 JS / CSS를 제거하십시오

이 팁은 Google Page Speed ​​Insights에서 많이 언급되었으며 웹 전체에서 자세히 설명합니다. 따라서 비트와 바이트에 들어가는 대신 여기에 다음 사항을 고려하십시오.

http://wordpress.org/plugins/footer-javascript/

10. 최적화 된 이미지

좋은 고화질 이미지는 웹 사이트에 큰 인상을줍니다. 그러나 크기가 커서 웹 사이트가 다운됩니다.’속도를 낮춤으로써 전반적인 성능.

크기를 줄임으로써 이러한 이미지를보다 인터넷 친화적으로 최적화하십시오. 이렇게하려면 이미지를 압축하거나 자르거나 해상도를 수정할 수 있습니다.

Tinypng는 이미지를 압축하여 웹에 게시하기 위해 이미지를 최적화하는 뛰어난 온라인 도구입니다.

이러한 최적화를 수동으로 수행하거나 Photoshop, Gimp, Picresize 등과 같은 특수 도구를 통해 도움을받을 수 있습니다..

숨겨진 데이터에 대한 이미지를 스캔하고 불필요한 부분을 제거하는 WP-Smushit라는 워드 프레스에 무료 플러그인이 있습니다..

11. 최소화 된 HTTP 요청

웹 사이트 속도가 매우 느린 주요 원인 중 하나는 백그라운드에서 너무 많은 HTTP 요청이 실행되고 있기 때문입니다. Pingdom에서 속도 테스트를 수행하여 정확한 수를 확인할 수 있습니다. 그런 다음 파일 크기와 로딩 시간에 따라 정렬 할 수 있습니다. 사이트를 가장 느리게 만드는 사이트를 파악하고 삭제하여 사이트 속도를 높일 수 있습니다.

12. 최소화 된 외부 스크립트

우리는 종종 배지를 추가하거나 팝업 상자를 표시하기 위해 많은 외부 스크립트를 추가합니다. Font Awesome, Facebook 페이지 표시 상자, 웹 분석 서비스 또는 Disqus와 같은 외부 주석 시스템과 같은 아이콘 세트 일 수도 있습니다..

이러한 모든 추가 기능은 상당한 양의 추가 코드 스 니펫을 제공합니다. 결과적으로 페이지의 전체 크기가 커지고로드 속도가 느려집니다. Pingdom을 통해 불필요하고 가장 시간이 많이 걸리는 것을 결정하고 해당 목록을 토핑하는 것을 삭제할 수 있습니다.

13. 최소화 된 TTFB

TTFB는 Time To First Byte의 약어로, 서버에서 정보를 얻기 위해 브라우저의 대기 시간을 측정합니다. 이 기간이 지나면 브라우저는 첫 바이트의 데이터를받습니다. 이 시간 안에 DNS 조회, 서버 처리 및 응답의 세 가지가 발생합니다..

구글에 따르면이 기간은 200ms를 넘지 않아야한다. 웹 페이지 테스트 또는 Chrome의 개발자 도구 (네트워크 탭 아래의 워터 폴 옵션)를 통해 사이트에 걸리는 시간을 확인하십시오. 웹 사이트가 테스트를 통과하지 못하면 캐싱을 활성화하여 서버 측에서 동적 콘텐츠 생성을 줄입니다..

14. 비동기 로딩

JavaScript 및 CSS와 같은 스크립트는 동기로드를 통해 개별적으로로드되는 경향이 있습니다. 비동기식으로로드하면 모든 작업이 동시에 수행되어 웹 페이지의로드 시간이 줄어 듭니다. 정적 파일 탭의 렌더 차단 CSS / JS 옵션 외에 WP Rocket 플러그인에는이를위한 옵션이 있습니다..

귀하의 사이트에 가장 실용적이고 효과적인 것으로 보이는 트릭이나 솔루션을 구현하십시오. VPS 또는 전용 호스팅을 선택하거나 특수한 플러그인 및 도구를 사용하여 웹 사이트를 새로운 차원으로 끌어 올리십시오..

속도 향상을 위해 우리가 할 수있는 다른 일, 다른 사람이 우리를 위해 할 수있는 일?

비즈니스 소유자는 한 가지만 수행하여 웹 사이트에서 더 나은 결과를 얻을 수있어 사이트 속도가 향상됩니다. 웹 사이트가 향상되면 이미지 최적화, .htaccess 편집, 성능 향상을 위해 플러그인 구성 및 웹 사이트의 장애물이나 병목 현상을 해결하여 최대한 빨리로드 할 수 있도록주의를 기울여야합니다..

귀하의 웹 사이트 속도를 높이십시오! 당신의 고객은 반드시 그것을 감사합니다.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me