웹 사이트 속도를 두 배로 늘리는 방법 SiteGround 자습서

SiteGround를 사용할 때 웹 사이트 속도를 두 배로 늘리는 방법을 보여 드리겠습니다. 비용을 지불할 필요가 없습니다. 우리가 사용할 모든 도구는 실제로 호스팅 패키지에 이미 포함되어 있습니다. .

시작하겠습니다.

이 비디오의 시작 부분부터 이것은 SiteGround에 대한 판매 프레젠테이션이 아님을 알려드립니다.

대부분 이미 SiteGround가 있고 웹사이트를 더 빠르게 로드하려는 사람들을 위한 것입니다.

이제 SiteGround의 이점은 일반적으로 사이트를 더 빠르게 만드는 데 사용하는 도구에 연간 수백 달러의 비용이 들지만 SiteGround가 있는 경우에는 그렇지 않다는 것입니다.

그들은 이미 포함되어 있습니다.

문제는 대부분의 사람들이 포함된 내용조차 모른다는 것입니다.

포함된 항목이 너무 많으며 SiteGround를 사용하는 경우 이 게시물에서 이에 대해 배울 것입니다.

물론 이제 SiteGround가 없는 경우 이 비디오를 보고 패키지에 무료로 포함된 항목이 마음에 드는지 결정할 수 있습니다.

웹사이트 속도에 대한 오해

이제 우리가 그것에 대해 너무 많이 다루기 전에 웹 사이트를 갖는 것에 대한 사이트 속도 신화를 없애고 싶습니다.

오해 1: 느린 웹사이트는 Google에서 순위가 ​​좋지 않습니다.

훨씬 더 중요한 순위 요소가 있으며 사이트 속도는 그 중 가장 덜 중요합니다.

실제로 일어나고 있는 것은 느린 사이트 속도가 나쁜 사용자 경험을 생성한다는 것입니다.

나쁜 사용자 경험은 이탈률을 높입니다.

이것은 누군가가 귀하의 웹사이트를 방문했을 때 귀하의 웹사이트를 떠나는 시간입니다.

그리고 그것은 중요한 순위 요소입니다.

따라서 느린 웹 사이트는 생각하는 방식으로 순위에 영향을 미치지 않습니다. 이것이 바로 높은 이탈률로 이어지는 것입니다.

웹사이트에 몇 번이나 방문했습니까?

4, 5, 6초가 지났습니다. 원하는 정보를 로드하지 않습니다. Google에는 해당 페이지에 9개의 다른 목록이 있습니다.

너 뭐하니?

웹사이트에서 이탈하고 뒤로 가기를 클릭하면 순위에 영향을 미치는 순위 요소입니다.

따라서 우리가 실제로 하려는 것은 Google이 아닌 사용자 경험을 위해 웹사이트를 최적화하는 것입니다.

오해 2: 느린 사이트는 페이지 빌더에 의해 발생합니다

두 번째 신화는 웹사이트의 속도가 당신이 사용하기로 선택한 페이지 빌더 또는 웹사이트를 구축하기 위해 사용하기로 선택한 테마에 의해 낮아지고 있다는 것입니다.

뭐, 조금 그렇지만 사람이 그렇게 큰 요인은 아니니 믿으셔도 됩니다.

그냥 좋은 마케팅입니다.

사이트 속도의 5가지 요소

괜찮은. 이제 이러한 통념에서 벗어나 웹사이트 최적화를 시작하고 사이트 속도의 5가지 기둥에 대해 알아볼 차례입니다.

기둥 1: 좋은 호스팅 받기

이제 사이트 속도의 첫 번째 기둥은 좋은 웹 호스팅을 얻는 것입니다.

이제 좋은 점은 환상적인 웹 호스트인 SiteGround를 사용하고 있다는 것입니다.

따라서 이 기둥은 호스팅과 관련하여 비용을 지불하게 되므로 저예산 호스팅 또는 무료 호스팅을 사용하는 사람들을 위한 것입니다.

이제 SiteGround를 사용하지 않는 경우 아래에 70% 할인을 받을 수 있는 링크가 있으며 코스 보너스도 포함되어 있습니다.

따라서 SiteGround에는 세 가지 계획이 있습니다. 성장 계획이나 GoGeek 계획을 원할 것입니다.

스타터 플랜을 구입하여 한 달에 2달러를 절약하고 싶은 생각이 들지만, 이 다른 두 플랜에는 시작 플랜에서 사용할 수 없는 추가 성능 옵션이 포함되어 있습니다.

따라서 시작 계획에 있는 경우 이 비디오를 따라갈 수 있지만 SiteGround에 연락하여 성장 계획으로 업그레이드하는 것을 고려할 수 있습니다.

이제 SiteGround에 WordPress를 설치하면 SG Optimizer라는 플러그인이 포함됩니다.

여기 WordPress 설치에 있습니다. 플러그인을 클릭하면 바로 여기에 있는 것을 볼 수 있습니다. SG Optimizer. 이제 이것을 활성화하면 SG 옵티마이저라는 새 옵션이 표시되며 여기에 이 ​​플러그인에 대한 모든 설정이 있습니다.

사이트 속도의 두 번째 기둥은 이미지를 최적화하는 것입니다. WordPress 웹사이트 구축을 시작할 때 이미지를 업로드하고 싶을 것입니다. 이제 문제는 이미지가 필요한 것보다 훨씬 더 높은 품질을 나타내는 경향이 있어 파일 크기가 매우 커집니다. 따라서 누군가 귀하의 웹사이트를 방문할 때마다 큰 이미지를 다운로드해야 합니다.

따라서 상당한 성능 향상을 얻을 수 있습니다. 이러한 이미지를 최적화합니다. 이제 일반적으로 이미지를 최적화하기 위해 월별 서비스 비용을 지불해야 하지만 SiteGround가 있는 경우에는 그렇지 않습니다. SG 옵티마이저 플러그인에 포함되어 있습니다. 여기 플러그인 설정이 있습니다. 여기에서 가장 마지막 옵션은 이미지 최적화를 말합니다.

계속해서 클릭해 보겠습니다. 여기에는 활성화할 수 있는 몇 가지 설정이 있습니다. 따라서 첫 번째는 웹사이트에 업로드되는 새 이미지를 최적화하는 것입니다. 이 옵션을 활성화하고 싶을 것입니다. 이것이 의미하는 바는 다음에 이미지를 업로드할 때 SG 옵티마이저가 알아서 처리한다는 것입니다.

다음 옵션은 이미 이미지를 업로드한 경우 바로 여기에서 이 버튼을 클릭하면 돌아가서 미디어 라이브러리의 모든 이미지를 최적화하고 이미지를 최적화하기 위한 모든 것입니다. 사이트 속도의 세 번째 기둥은 콘텐츠 전송 네트워크를 사용하는 것입니다.

여기. 저는 SiteGround에 로그인했으며 웹사이트라고 표시된 바로 여기를 클릭하고 사이트 도구라고 표시된 바로 여기를 클릭한 다음 속도라고 표시된 곳을 클릭합니다. 그런 다음 CloudFlare라고 표시된 바로 여기를 클릭합니다. 여기에서 SiteGround와 CloudFlare 통합을 활성화할 수 있습니다.

이제 CloudFlare를 활성화하면 웹 사이트의 일부 자산이 전 세계의 클라우드, 플레어 및 서버 네트워크로 푸시됩니다. 이제 그것이 의미하는 바는 지구 반대편에 있는 누군가가 있다는 것입니다. 웹사이트, 이미지, 웹사이트와 관련된 크고 큰 자산을 방문하세요.

로드하기 위해 실제로 로컬 서버에서 로드합니다. 지리적으로. 이것이 할 일은 방문자가 귀하의 웹사이트에서 갖게 될 로드 시간과 사이트 속도를 크게 향상시키는 것입니다. 이제 CloudFlare에는 무료인 기본 요금제가 있습니다. 그들은 또한 프리미엄 플랜을 가지고 있습니다. 저는 CloudFlare를 최소 5년 동안 사용해 왔으며 기본 요금제 외에는 아무 것도 사용하지 않았습니다. 필요한 것 이상일 것이며 웹 사이트에서 엄청난 속도 향상을 볼 수 있을 것입니다.

그래서 아래로 스크롤하여 웹사이트에서 이 작업을 수행하는 세 단계를 살펴보겠습니다. 이제 설정 버튼을 클릭해 보겠습니다. 이 단계에서 새 클라우드 플레어 계정을 만들거나 기존에 연결하고 기존 클라우드 플레어 계정에 로그인하라는 메시지가 표시된 바로 여기를 클릭할 수 있습니다.

이미 Cloud Flare 계정이 있으므로 기존 계정을 사용하여 로그인하겠습니다. 그러나 계정이 없으면 새 계정을 만드십시오. 엄청난. 나는 내 계정에 로그인했고 당신은 새 계정을 만들었습니다. 따라서 다음 단계는 여기에서 연결하려는 도메인 이름인 클라우드 플레어를 선택하고 웹 사이트를 CloudFlare에 연결하기 위해 무료 활성화를 클릭하는 것입니다.

이제 여기에서 웹사이트에서 사용할 수 있는 몇 가지 클라우드 플레어 설정도 볼 수 있습니다. sitespeed의 네 번째 기둥은 . 캐싱과 캐싱이란 웹사이트의 정적 사본을 생성하는 것이므로 사람들이 웹사이트를 볼 때 뒤에서 수행해야 하는 활동이 줄어들어 웹사이트를 보는 방문자의 속도가 느려질 수 있습니다.

WordPress를 사용하는 경우 이해하기 위해 그것이 일종의 복잡한 설명이라는 것을 압니다. 어떤 형태의 캐싱을 사용해야 합니다. 이제 SiteGround 사용의 큰 이점은 이 서버 호스팅 계정의 배후에서 투명하게 많은 캐싱을 수행한다는 것입니다. 그들은 단지 당신을 위해 그것을하지만 실제로 켜야합니다.

여기 저는 현장 지상 제어반에 로그인했습니다. 따라서 속도라고 표시된 곳을 클릭하기만 하면 됩니다. 그리고 여기에 캐싱이라는 새로운 옵션이 있습니다. 계속해서 클릭해 보겠습니다. 여기에서 우리가 활성화할 것입니다. 웹사이트에 두 가지 유형의 캐싱이 있습니다. 첫 번째는 정적 캐시라고 하는 곳입니다. 그러면 SiteGround에 연결한 웹사이트 목록이 표시됩니다. 그렇게 하기만 하면 켜기만 하면 됩니다.

이제 현금이 켜져 있습니다. 여기에 Memcached라는 두 번째 유형의 캐싱이 있습니다. 이를 클릭하면 전체 호스팅 계정에 적용되는 캐싱 유형입니다. 계속해서 여기를 클릭하여 이 기능도 켜도록 하겠습니다. 이제 이 둘 다 캐싱입니다. 메커니즘에는 현금을 비울 수 있는 방법이 있습니다.

SiteGround에 로그인한 경우 할 수 있는 방법은 여기 오른쪽에 있는 작은 빗자루이며 현금 플러시라고 표시되어 있습니다. 이것을 클릭하여 Memcached를 플러시할 수 있으며 고정 현금을 사용 중일 때 현금을 바로 플러시할 수 있는 옵션도 있습니다. 이제 여기에서 몇 가지 옵션도 활성화해야 합니다.

웹사이트의 SG 옵티마이저 플러그인. 첫 번째 탭은 슈퍼 캐셔 설정입니다. 동적 캐싱이라고 표시된 바로 여기에서 토글하고 Memcached라고 표시된 바로 여기에서 토글하려고 합니다. 이제 동적 캐싱에 대해 알아야 할 몇 가지 추가 옵션이 있습니다.

첫 번째 옵션은 바로 여기에서 캐시를 제거하고 비울 수 있습니다. 상단의 관리 표시줄에도 옵션이 있습니다. 현금을 비우려면. 다음은 자동 현금 퍼지입니다. 이 기능을 활성화된 상태로 두려고 할 것입니다. 알고 싶은 주요 옵션이 바로 여기에 있습니다. 그것은 URL을 제외하고 말합니다.

웹사이트 유형에 따라 웹사이트의 특정 부분에서 문제를 일으킬 수 있으므로 현금화할 수 없는 부분이 있을 수 있습니다. 이것은 일반적으로 전자 상거래 기반 웹 사이트에서 볼 수 있습니다. 이러한 유형의 웹 사이트에는 많은 동적 옵션이 있고 현금화는 작동하지 않기 때문입니다. 맞습니까?

여기에서 캐싱에서 제외하려는 페이지의 URL을 입력합니다. 여기에 URL을 입력한 다음 제외 목록에 추가하려면 제외라고 표시된 곳을 클릭하기만 하면 됩니다. 그러면 이제 사이트가 됩니다. 전액 현금화. sitespeed의 마지막 기둥은 추가적인 성능 최적화가 될 것입니다.

이제 SG 옵티마이저 또는 플러그인이 이에 대한 다양한 옵션도 제공할 것입니다. 따라서 첫 번째 것은 이미지를 지연 로드하는 것입니다. 이것은 방문자가 귀하의 페이지를 로드할 때를 의미합니다. 페이지에서 해당 이미지가 있어야 하는 부분으로 스크롤할 때까지 표시되지 않거나 이미지를 로드하지 않습니다.

이렇게하면 웹 사이트가 더 빨리로드되고 웹 사이트 방문자가 훨씬 빠르게 느낄 수 있습니다. 이를 활성화하기 위해 이미지 최적화라고 표시된 바로 여기를 클릭합니다. 여기에는 지연 로드 이미지라는 옵션이 있습니다. 우리는 그것을 켤 것입니다. 원하는 경우 여기에 몇 가지 추가 옵션을 제공합니다.
게으른 부하. 여기에는 Gravatar, RS, 썸네일, 반응형 이미지, 위젯 및 모바일 장치의 지연 로딩이 포함됩니다. 따라서 원하는 대로 전환할 수 있습니다. 나는 지연 로딩, Gravatar, RS 및 썸네일을 확실히 좋아합니다. 나머지는 선택 사항입니다. 지연 로딩으로 인해 문제가 발생한 경우 웹사이트의 특정 부분을 지연 로딩에서 제외할 수 있습니다.

CSS 클래스를 해당 요소에 넣으면 됩니다. 약간 기술적입니다. 바로 여기에서 수행한 다음 제외를 클릭합니다. 이제 추가 최적화가 있습니다. 맞죠? 다음은 환경 최적화를 위한 옵션입니다. 아래로 스크롤하여 G zip 압축이 켜져 있는지 확인하고 싶을 것입니다.

마지막으로 프론트 엔드 최적화가 바로 여기에 있습니다. 이제 이것들은 약간 까다로울 수 있고 때때로 약간의 문제에 빠질 수 있으므로 하나씩 활성화하는 것이 좋습니다. 그런 다음 웹 사이트에서 이상한 동작을 일으키지 않았는지 확인합니다. 이제 HTML 출력 축소에 대해 매우 안전하게 토글해야 합니다.

또한 다양한 축소 옵션을 모두 안전하게 활성화해야 합니다. 여기 JavaScript 파일을 축소하는 방법이 있습니다. CSS 파일을 축소하는 방법이 있습니다. 이제 지연 렌더링 차단 Java 스크립트입니다. 문제가 발생할 수 있습니다. 이 기능을 활성화하면 바로 여기에서 경고가 표시되고 활성화 여부를 확인할 수 있습니다.

따라서 이것이 문제를 일으켰는지 여부를 프런트 엔드에서 확실히 확인하고 싶은 곳입니다. 다음은 CSS 파일을 결합하는 또 다른 옵션이며, 이 또한 몇 가지 문제를 일으킬 수 있습니다. 보시다시피 경고 메시지가 표시되지 않습니다. 그러나 이것이 문제를 일으킬 수도 있음을 알아두십시오.

때때로. 다음으로 우리는 무해한 Google 글꼴의 로딩을 최적화했습니다. 켜봅시다. 다음은 정적 리소스에서 쿼리 문자열을 제거하는 것입니다. 이것은 과거에 나에게 문제를 일으켰으므로 조심하십시오. 이것은 플러그인이나 테마 오프 작성자가 새 업데이트를 릴리스한 다음 웹 사이트에서 문제가 발생하기 시작할 때 문제를 일으키는 옵션입니다.

마지막은 비활성화된 이모티콘입니다. 이것은 이모티콘이 웹사이트에서 작동하지 않는다는 것을 의미하지 않습니다. 더 최적의 방식으로 로드된다는 의미입니다. 이제 내 웹사이트의 프런트 엔드를 빠르게 살펴보고 눈에 띄는 문제가 없는지 확인한 다음 빠른 속도 테스트를 수행하겠습니다.

그래서 여기 웹사이트가 있고, 지금까지는 괜찮아 보입니다. 내 이미지가 로드되고 있지 않습니까? 이 작은 아이콘이 표시됩니다. 그것은 일반적으로 문제를 본 것입니다. 당신이 겪고있는 문제가 있다면 어, 간격이 정확합니다. 때로는 문제가 있는 경우 이러한 항목이 겹칠 수도 있습니다.

모든 것이 완벽해 보입니다. 실제로 보면 이것은 정말 좋아 보입니다. 자, 저는 GTmetrics.com으로 이동하여 웹사이트의 URL을 뒤에 슬래시와 함께 붙여넣겠습니다. 여기에는 사이트 테스트라고 나와 있습니다. 잠시만 기다리면 웹사이트를 다운로드할 수 있습니다.

그리고 그것은 당신에게 약간의 데이터를 줄 것입니다. 로드하는 데 시간이 얼마나 걸렸는지 알려줍니다. 얼마나 많은 요청이 있었는지 알려줄 것이고 임의의 점수가 나올 것입니다. 이제 이 점수에 너무 많은 가중치를 두지 않는 것이 좋습니다. 보시다시피 점수입니다. 상당히 높고 a와 B는 1.2초의 매우 빠른 로드 시간, 페이지, 메가바이트 미만의 측면 및 32개의 요청만 있습니다.

엘라멘토를 이용한 사이트입니다. 이제 저는 항상 이 점수에 너무 많은 무게를 두지 말라고 말합니다. 정말 중요한 것은 누군가가 귀하의 웹사이트를 방문했을 때 귀하의 웹사이트가 어떻게 느끼는지입니다. 그러나 이 테스트에서 사이트가 매우 빠르게 로드되고 있음을 알 수 있습니다. 이 모든 이미지가 있는 사이트에 정말 좋습니다.

글쎄, 당신은 그것을 가지고 있습니다. 이것이 SiteGround를 사용하여 웹 사이트를 엄청나게 빠르게 로드할 수 있는 방법이며, SiteGround에서 얻을 수 있는 엄청난 가치도 보셨기를 바랍니다. 일반적으로 포함된 모든 기능을 수행하는 플러그인을 얻으려면 연간 수백 달러를 지불해야 합니다.

이미 가지고 있는 서비스가 있습니다. 이것이 내가 SiteGround를 사용하는 것을 권장하는 이유 중 하나입니다. 여기에 포함된 추가 기능이 모두 포함되어 있고 구매할 필요가 없고 웹 호스트에서 공식적으로 지원하기 때문입니다. SiteGround, SiteGround가 없는 경우 아래에 있는 링크를 사용하거나 SiteGround를 주문한 경우 WP crafter.com/siteground를 사용하는 것을 고려하십시오. 함께 갈 코스 보너스가 포함되어 있습니다.

최대한 활용하는 데 도움이 될 것입니다. 웹사이트를 구축하고 최대한 활용합니다. Dave, 당신은 이 비디오에서 어떤 가치를 찾았고 당신이 그랬기를 바랍니다. 이것을 엄지손가락으로 포기하고 친구와 공유하는 것을 고려하십시오.

그리고 질문이 있는 경우 아래의 의견 섹션에 질문하는 것이 좋습니다.

나는 당신의 질문에 대답하고 내가 할 수 있는 모든 방법으로 당신을 돕는 것을 좋아합니다. 안녕하세요 시청해주셔서 감사하고 다음 영상에서 뵙겠습니다.