CDN77로 WordPress 사이트 속도를 높이는 방법

이전 기사에서는 WordPress로 CDN 서비스를 사용하는 이점과 CDN이 블로그에서 여러 번 WordPress 속도를 높이는 가장 좋은 방법 중 하나 인 이유를 살펴 보았습니다. . 방문자가 호스트 서버에서 멀리 떨어져 있으면 성능이 얼마나 향상되는지 관찰했습니다. 오늘의 기사에서는 CDN77에서 CDN 리소스를 만드는 방법과 올바르게 조정하는 방법에 대한 단계별 가이드를 제공하기 때문에 관심을 가져 주셨기를 바랍니다. 그런 다음 WordPress에 특정 플러그인 세트를 설치 한 다음 모든 것이 제대로 작동하는지 확인합니다..


가이드의 첫 단계는 CDN77 계정 만들기. 아직 계정이없는 경우, CDN77은 14 일 무료 평가판을 제공합니다. 등록하는 데 몇 분 밖에 걸리지 않습니다. 그런 다음 CDN 탭 아래에있는 새 CDN 리소스 만들기를 클릭하여 실제로 CDC 리소스를 만듭니다. 이 기사의 목적 상, 라스 베이거스의 데이터 센터에서 호스팅되는 영화 블로그에서 CDN을 구현하려고합니다..

cdn77-with-wordpress-03

완전한 HTTPS 솔루션을 구현할 예정이므로 CDN77에서 새로운“HTTPS”를 사용할 것입니다. 이 옵션은 호스트 서버에서 CDN 서버로의 데이터 전송을 보호합니다.

사이트가 SSL 모드에서 실행되는 경우 CDN77에서 SSL 전용 자원을 작성해야합니다. 그렇지 않으면 혼합 내용 오류가 발생할 위험이 있습니다. 이러한 종류의 오류는 브라우저가 SSL 모드에서 실행 중이고 안전하지 않은 HTTP 요청을 통해 갑자기 리소스를로드하려고 할 때 발생합니다..

cdn77-with-wordpress-04

CDN77에서 SSL을 설정하는 방법

두 가지 방법으로 무료 SSL 인증서를 설정할 수 있습니다. xxx.c.cdn77.org에서 하위 도메인에 공유 SSL 인증서를 사용하거나 자체 CNAME을 사용할 수 있습니다 (위 그림 참조). 일반적으로 cdn.yoursite.com과 같은 CNAME을 사용하는 것이 좋습니다..

CDN77 공유 솔루션을 사용하는 경우 SSL 하위 도메인이 제대로 작동하기 위해 추가 단계가 필요하지 않습니다..

이 경우 CNAME을 설정합니다. 즉, 사이트를 cdn.ourdomain으로 교체하면 HTTPS를 통해 웹 사이트의 콘텐츠에 즉시 액세스 할 수 있습니다. CDN77을 사용하면 몇 번의 클릭만으로 SSL을 얻을 수 있습니다..

조정 !

리소스를 생성 한 후 가장 먼저 확인해야 할 것은 기타 설정 메뉴입니다. HTTPS를 사용하려는 경우 반드시 HTTP / 2를 사용하도록 설정해야합니다. 일반적인 HTTP / 1.x와 HTTP / 2 사이의 속도 향상은 엄청납니다. CDN77은 기본적으로 HTTPS 리소스에서 HTTP / 2 모드로 작동하여 시간을 절반으로 줄입니다..

HTTPS를 사용하는 경우 HTTPS에 대한 Google 표준을 준수하려면 리디렉션 301을 수행하고 HTTPS 리디렉션을 사용하도록 설정해야합니다..

최적의 성능을 위해 쿼리 문자열 무시에서 모두 무시를 활성화하십시오. 사이트에서 매시간 업데이트해야하는 동적으로로드 된 콘텐츠를 실행하지 않는 한 쿼리 문자열을 피하고 모든 것을 무시하면 캐시 및 사이트 성능이 크게 향상됩니다..

CDN77은 캐시 만료 옵션도 제공합니다. 많은 사진을로드하는 경우 가능한 최대 설정 인 12 일로 설정해야합니다..

이 가이드에서는 우선 속도를 고려할 것입니다. 따라서 CDN은 이미지 정적 컨텐츠 만 제공하며 다른 모든 것은 원본 서버에서로드됩니다..

Javascript 및 CSS에 CDN을 사용하지 않는 이유는 무엇입니까??

이전 기사에서 CDN 네트워크의 요청 된 노드에서 컨텐츠를 사용할 수 없을 때 CDN 성능이 어떻게 달라질 수 있는지에 대해 이야기했습니다. 아직 캐시되지 않은 파일이 CSS 파일 인 경우로드 시간이 길어지고 성능에 부정적인 영향을 줄 수 있습니다. CDN으로 CSS를 제공하지 않기로 결정한 경우보다 사이트 렌더링 속도에 훨씬 더 영향을 줄 수 있습니다..

CSS 및 Javascript 파일은 모든 브라우저에서 웹 사이트로드에 필수적이며 CDN 서비스와 같은 캐시 메커니즘의 대상이되어서는 안됩니다. 그러나이 중요한 파일을 덤프하기 위해 CDN에 정적 자원을 작성할 수 있습니다. 이것은이 자습서의 범위를 벗어나는 수준으로 WordPress를 조정해야하는 고급 기술입니다..

모든 것이 올바르게 조정되면 데이터 센터 메뉴 탭으로 진행할 수 있습니다.

cdn77-with-wordpress-07

CDN77은 네트워크의 각 노드를 편리하게 활성화 / 비활성화 할 수있는 방법을 제공합니다. 요점은 가장 많이 사용되는 노드를 신중하게 선택하는 것입니다. 이것은 쉽게 알 수 있습니다. 독자를 따르십시오..

필요한 노드를 알고 나면 모든 디스펜서 블 노드를 비활성화하는 것이 좋습니다. network 네트워크에 노드가 많을수록 노드를 모두 업데이트하는 데 더 많은 시간이 걸리므로 성능이 저하됩니다. 일반적으로 노드 수를 줄이면 캐시 성능도 향상됩니다. 현명하게 선택해.

사이트 성능을 처음 테스트 할 때, 제거 및 프리 페치 편리 할 수 ​​있습니다. 소거는 CDN 네트워크에서 특정 컨텐츠를 푸시하므로 컨텐츠를 변경하고 업데이트를 위해 캐시를 플러시해야 할 때 편리합니다. 프리 페치는 그와 반대로 작동하며 특정 컨텐츠를 CDN 캐시로 강제합니다.

cdn77-with-wordpress-10

모든 것이 구성되면 CNAME을 자신의 도메인으로 지정할 수 있습니다. 그렇게하려면, DNS 섹션의 등록자 또는 호스팅 패널에서 규칙을 작성하고 그림과 같이 cdn.yourdomain.com이 CNAME xxx.rsc.cdn77.org를 가리 키도록해야합니다. 그러면 DNS가 지시됩니다. 모든 하위 도메인의 트래픽을 필요한 실제 위치로 리디렉션합니다. 걱정하지 않아도 성능에 영향을 미치지 않습니다. 또한 독자에게 귀하가 cdn.yourdomain.com 멋져 보여.

cdn77.org 주소를 사용하려는 경우 별도의 조치를 취할 필요가 없습니다. WordPress에서 콘텐츠를 바꿀 때 해당 주소를 사용하십시오..

워드 프레스 사이드

워드 프레스 쪽에서, 제대로 작동하려면 플러그인을 추가해야합니다. 우리는 CDN 인 에이 블러, 편리한 무료 플러그인. 이 플러그인을 사용하는 이유는 간단합니다. 대부분의 CDN 플러그인은 CDN에 보내는 폴더를 세밀하게 제어 할 수 없습니다. 이 플러그인은 자바 스크립트 나 CSS 파일을 포함하고 싶지 않고 업로드 된 이미지 만 포함하기 때문에 매우 중요합니다..

cdn77-with-wordpress-14

일단 설치되면 여기에서 플러그인을 찾을 수 있습니다…

cdn77-with-wordpress-15

조정하자 !

cdn77-with-wordpress-16

우리가 커스터마이징에 대해 이야기했을 때를 기억하십니까? 다음은 WordPress에서 CDN을 올바르게 설정하는 방법에 대한 가장 중요한 사실입니다. CDN 플러그인의 대다수는 CDN이“복제”할 디렉토리를 포함 시키라고 지시 할 것이며, 일반적으로 wp-content를 포함 시키라고 지시합니다. wp-content 폴더는 자바 스크립트 및 CSS 파일을 포함하여 매우 민감한 다른 폴더 인 플러그인 및 테마 폴더로 채워져 있기 때문에 일반적인 설정에는 적합하지 않지만 성능에는 좋지 않습니다. 캐시하지 않으면 성능이 저하 될 수 있습니다..

그렇다면 어떻게 해결할 수 있습니까? 우리는 단순히 폴더 wp-content / uploads를 포함합니다. 그런 간단한 해결책!

CDN을 처리하는 대부분의 플러그인은 그렇게 할 수 없습니다. 이 하위 폴더 만 포함하면 CDN에 업로드 폴더, 즉 사진 만 표시됩니다..

cdn77-with-wordpress-17

사이트를 간단히 새로 고치면 CDN에서 내용을 얻을 수 있습니다. 이 예에서는 Firefox 개발자 탭 (F12)을 열고 첫 번째 이미지를 검색했습니다. 링크가 교체되었으며 이제 호스트 서버 대신 CDN에서 직접로드되고 있음을 알 수 있습니다.!

이전과 이후

이 모든 것이 어떻게 나타 났는지 봅시다 !

왼쪽 화면에서 스웨덴에서 사이트를로드하는 데 걸리는 시간을 확인할 수 있습니다 (라스 베이거스의 호스트 서버에서 멀리 떨어져 있음을 기억하십니까?). 오른쪽 화면에서 성능이 향상되고 시간이 거의 반으로 잘라! 모든 필수 파일은 여전히 ​​라스 베이거스의 서버에서로드되지만 이미지는 스웨덴의 노드에서로드하는 것과 같은 무거운 부담 파일.

마무리

바라건대, WordPress 사이트에 CDN을 구현하는 강력한 방법을 배웠습니다. 사이트 로딩 속도에 필수적인 CSS 및 Javascript 파일과 같은 일부 기술은 방해가되지 않습니다. 이제 CDN의 모든 장점을 활용하고 동시에 단점을 최소화 할 수 있습니다. 무료 CDN 평가판을 사용하고이 기사의 팁을 사용하여 WordPress 사이트의 속도를 높일 수 있는지 확인하시기 바랍니다. 우리는 당신이 기사를 즐겼기를 바랍니다! 평소와 같이 아래 의견에 질문이나 의심을 남겨주세요.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map