더 나은 검색 순위를 얻으려면 웹 사이트 속도를 향상시키는 방법

작성자 :
  • 검색 엔진 최적화
  • 업데이트 : Apr 24, 2018

* 참고 :이 게시물은 3 월 2013에 처음 게시되었습니다. 여기서 언급 한 도구 중 일부는 구식 일 수 있습니다.

Google이 현재 사이트 속도를 순위 요소 중 하나로 사용하고 있다는 사실은 비밀이 아닙니다. Google 웹 마스터 센터 블로그는 몇 년 전에 공식 발표했습니다.

여러분은 Google에서 속도, 제품 및 웹에 집착하고 있다는 말을 들었을 것입니다. 이러한 노력의 일환으로 검색 속도 알고리즘에 사이트 속도라는 새로운 신호가 추가되었습니다. 사이트 속도는 웹 사이트가 웹 요청에 얼마나 빨리 응답 하는지를 반영합니다 ...

Matt Cutts는 웹 사이트 속도 최적화의 중요성에 대해 반복적으로 언급했습니다. 동영상블로그.

이 주제에 대해 더 많이 검색하고 읽는 동안, 나는 이것을 확인하는 몇 가지 사례 연구에 부딪혔다. 검색 엔진 Watch에 대한 기사Work Coach Cafe는 코드와 깨진 링크를 정리 한 후 40 %의 유기적 인 트래픽을 추가로 얻었습니다. 다른 사례 연구, SmartFurniture.com의 CEO는이 사이트가 단순히 사이트 성능을 향상시킴으로써 검색 엔진 순위에서 양극단을 이뤘음을 확인했습니다.

더 빠른 페이지로드 시간은 더 나은 변환과 동일합니다.

그러나 기다려라. 웹 사이트의 속도를 높이는 데 시간을 할애해야하는 이유가 더있다.

여행 사이트 사용자에 대한 한 연구에서 웹 사이트 사용자의 57 %는 사이트를 포기하기 전에 3 초 또는 그 이하를 기다릴 것임을 알게되었습니다.

Tagman에서 인기있는 연구페이지로드 시간이 1 초 증가하면 고객 전환 수가 거의 7 % 감소 할 수 있습니다.

Cloud Living에서의 다른 사례 연구에서 사이트 방문자의 참여도는 사이트 속도 최적화 후 19 % (평균 세션 시간, 이미지 참조)만큼 향상되었습니다.

더 빠른 사이트 = 세션 당 더 많은 페이지 방문과 더 긴 세션 기간. 출처: Tung Tran, CloudLiving.com.

간단히 말해서 페이지로드 시간은 검색 순위에 영향을 미칠뿐만 아니라 전환율 및 방문자 수가 크게 영향을 미칩니다. 비슷한 통계를 보려면 Mashable을 방문하십시오. 아름다운 인포 그래픽.

귀하의 웹 사이트 속도를 향상시키는 쉬운 방법

처음 2 년 전에 처음 배웠을 때, 저는 "와아, 이것에 많은 혜택이 있습니다!"라고했습니다. 다음은 필연적으로 '어떻게'라는 질문입니다. 우리 웹 사이트의 속도를 높이려면 어떻게해야합니까? 웹 사이트의 속도를 측정하고 다른 사람들과 비교하는 방법은 무엇입니까? 너무 많은 기술적 세부 사항없이 어떻게 일을 끝낼 수 있습니까?

이안 루리가 썼다. 29 방법 귀하의 웹 사이트를 속도를 3 월 2011에 돌아와서 그것은 진정한 보석입니다. 웹 사이트 속도를 중요하게 생각한다면 기사에서 공유하는 모든 팁을 따라야합니다.

그러나 이러한 솔루션 중 많은 부분이 일상 웹 사이트 소유자 및 블로거의 기술 능력을 뛰어 넘을 수 있습니다.

그래서 나는이 주제에 대해 재검토하고 간단한 방법을 찾는다. 그래서 비 기술적 인 사용자는 너무 많은 시간과 에너지를 쏟지 않고 구현할 수있다.

1. 귀하의 사이트를 슬림 다운

페이지로드 시간이 느릴 때가 많으면 페이지가 과중하다는 뜻입니다.

해결책은 간단합니다. 다이어트하십시오!

웹 사이트를 철저히 확인하고 다음 질문을 스스로에게하십시오.

  • 서버에 사용하지 않은 CSS를 너무 많이 사용하고 계십니까? 그들을 삭제하십시오!
  • 이미지가 너무 큽니까? PC에 그래픽 소프트웨어가 설치되어 있지 않은 경우 Photoshop, Fireworks 또는 Smush It로 최적화하십시오.
  • 과도한 HTTP 헤더가 있습니까? 그들을 제거하십시오!
  • 스팸 코멘트가 너무 많습니까? 스팸 함의 삭제되지 않은 댓글은 데이터베이스 응답 시간을 줄입니다. 그들을 즉시 제거하십시오!
  • CMS에서 너무 많은 플러그인을 사용하고 있습니까? 사이트에서 오래된 플러그인과 스크립트를 사용하고 있습니까? 그럼 이제 정리하고 업데이트하는 일을 할 시간입니다.
  • 자바 스크립트가 너무 무거워요? 그것을 축소하고 압축하십시오!

이 팁은 매우 단순 해 보이지만, 경험 많은 웹 마스터 나 웹 디자이너가 그 기술을 따라 잡지 못하는 것을보고 놀라지 않을 것입니다.

몇 년 전 나는 부주의했고 내가 사용하고있는 WordPress 테마에 <? php wp_get_archives ( 'type = monthly'); ?> header.php 파일에 임베드.

말할 필요도없이이 함수는 시간이 지남에 따라 HTML 파일에 수십 개의 불필요한 줄을 생성합니다. 몇 초안에 해결할 수있는 어리석은 실수이지만, 내 자신의 소스 코드를 보지 않아서 2 년이 넘는 시간이 필요했습니다.

2. 불필요한 HTTP 300, 400 및 500 피하기

HTTP 300은 서버 리디렉션, HTTP 400는 인증 문제, HTTP 500는 서버 오류를 나타냅니다. 이러한 HTTP 요청 결과는 브라우저에 불필요한 추가 왕복 *을 초래합니다. 특정 HTTP 300가 피할 수없는 경우 (예 : 새 페이지 위치로의 301 리디렉션) 모든 HTTP 400 및 500의 오류를 조사하고 모든 오류를 수정해야합니다.

* 어쨌든 왕복 시간은 무엇입니까?

일반적으로 웹 페이지의 크기는 대략 1,100KB이며 100 객체로 구성됩니다 (출처); 웹 브라우저는 2 만 요청할 수 있습니다. 6 개체는 사용자의 구성에 따라 한 번에 하나씩 만 사용할 수 있습니다. 왕복 시간은 브라우저가 페이지를 완전히 여는 데 걸리는 왕복 횟수입니다. 예를 들어 100 객체가있는 웹 페이지를로드하려면 5 요청을 한 번에 전달하도록 구성된 브라우저가 웹 페이지를로드하기 위해 20 왕복 소요됩니다. 왕복 시간이 짧을수록 웹 페이지가 더 빨리로드됩니다. 한 페이지에서 사용할 수있는 객체의 수를 최소화해야합니다.

3. CSS 스프라이트 사용

CSS Sprites는 여러 개의 이미지가 하나의 이미지 파일로 결합되어 한 번에 그 부분을 사용자에게 표시하는 기술을 나타냅니다. CSS Sprites를 사용하면 왕복 횟수가 줄어들어 웹 페이지가 더 빨리로드됩니다.

지금 잠깐, 나는 이것이 당신의 손을 CSS에 젖게하는 것을 싫어하지만 나를 신뢰한다고 생각할 수도 있는데, 개념이 소리보다 훨씬 간단하다. 그리고 무엇보다, CSS 코드를 건드리지 않고 일을 처리 할 수있는 무료 도구가 온라인에 있습니다. 체크 아웃 스프 라이트 나스프라이트 패드 - 몇 가지 드래그 앤 드롭 및 클릭만으로 작업을 수행 할 수 있습니다.

스프라이트 패드

스프라이트 패드

스프 라이트 나

스프 라이트 나

CSS Sprites에 대한 더 자세한 내용과 예를 보려면 다음을 방문하십시오. 튜토리얼.

4. CSS @import 사용을 피하십시오.

CSS @import 함수는 웹 페이지에 외부 스타일 시트를로드하는 데 도움이됩니다. 이것에 대한 나쁜 점은 단순히 브라우저 왕복 시간을 추가하고 웹 페이지로드 시간을 늘리는 것입니다. 이 문제를 해결하려면 대신 <link> 태그를 사용하십시오.

당신이 캐주얼 블로거이고 내가 무슨 말을하고 있는지 모른다면 header.php (WordPress를 사용하는 경우), Ctrl + F를 누르고 '@ import'를 검색하고 .css 파일을 이동하십시오. 필요한 경우 동일한 서버에 @import 행을 <link>로 대체하십시오.

예, 바꾸기

@import url ( "../ style1.css"); @import url ( "../ style2.css")

<link rel = "stylesheet"href = "style1.css"> <link rel = "stylesheet"href = "style2.css">

5. CMS 업데이트

그럼 이것은 생각할 필요가 없습니다, 그렇죠? 업데이트는 성능과 보안을 높이기위한 것이므로 업데이트 된 CMS 플랫폼에서 방문자를 유지하는 것이 가장 중요합니다.

6. 캐시 할 수있는 모든 캐시

요즘 대부분의 경우 캐싱을 위해 제 3 자 플러그인을 사용합니다. 하나 들어, 나는 그것을 조사하기에는 너무 게을 렀다; 두 번째로, 나보다 훨씬 나은 일을 할 수있는 찬성이있다. 왜 내 에너지를 낭비 하는가? WordPress에있을 경우 WP Super Cache를 사용해보십시오. 가장 인기있는 캐시 중 하나입니다. WP 플러그인 이 글을 쓰는 시점에. Joomla의 경우 체크 아웃하십시오. 캐시 클리너.

요약하면 이러한 플러그인은 웹 페이지의 최신 버전을 캐시하고 반복적으로 방문하는 동안 동적 콘텐츠를 생성해야하는 필요성을 줄이는 데 도움이됩니다.

이 주제에서 다루기에 충분한 기술적 세부 사항이 있습니다. herehere.

7. CDN (Content Delivery Network)

CDN은 전세계 서버에 정적 파일을 저장하고 사용자 위치에 따라 다른 서버의 웹 페이지를 제공합니다. 예를 들어, 말레이시아 사용자가 귀하의 웹 사이트에 액세스 할 때, CDN은 아시아 지역에 위치한 서버 (예 : 싱가포르)에서 귀하의 웹 컨텐츠 (주로 이미지 및 HTML 파일과 같은 정적 파일)를 전달합니다. 반면에 사용자가 멕시코에 있으면 네트워크는 더 가까운 서버 위치 (미국)에서 콘텐츠를 제공하기로 결정할 것입니다.

거기 밖으로 유효한 CDN의 다른 상표가있다 그러나 일반적으로 CDN는 2 개의 종류 - 당겨 CDN와 강요 CDN로 분류 될 수있다. 자세한 내용은 다음과 같은 평판이 좋은 CDN 서비스 중 일부를 살펴 보는 것이 좋습니다. MaxCDNCloudFlare.

8. 더 나은 웹 호스트 고려

사이트를 빠르게 조정하는 것이 중요하다면 더 나은 호스팅 선택.

약 1 년 전에 나는 내 웹 사이트 중 하나를 Hostgator의 공유 호스팅 계정에서 WP 엔진 (클라우드 기반 호스팅). 이동 한 이후로 상황이 급격하게 변화했습니다. 평균 페이지로드 속도가 900ms에서 500ms로 줄었습니다. 이는 거의 100 % 개선되었습니다 (아래 차트 참조).

WHSR 페이지 로딩 속도

교훈 : 때때로 값싼 물건에 의존 할 수없는 경우가 있습니다. 한 달에 $ 5 미만을 지불하는 경우이 속도 게임의 위에 올라 설 것을 기대하지 마십시오. 웹 사이트에서 조명을 빠르게로드하려면 가장 쉬운 방법은 웹 사이트를 더 나은 웹 호스트로 이동하는 것입니다.

9. 데이터베이스 최적화

MySQL을 사용 중이라면 phpMyAdmin에서 쉽게 할 수 있습니다. 그리고 WordPress에 있다면, 올바른 플러그인으로 더 쉽게 할 수 있습니다. WP 최적화예를 들어 몇 번의 클릭만으로 데이터베이스를 정리할 수 있습니다.

10. 가능한 경우 바닥 글에 스크립트를 놓으십시오.

방문자의 관점에서 페이지로드 시간을 개선하는 쉬운 방법 중 하나는 가능한 경우 코드 및 스크립트 (예 : Google 웹 로그 분석)를 바닥 글에 배치하는 것입니다. 비록 내가 SEO의 관점에서 간신히 도움이된다고하더라도 그렇게하면 웹 사이트 시청자가 브라우저가 스크립트를 실행하기 전에 중요한 내용을로드 할 수 있으므로 페이지가 더 빠른 방식으로로드되고 있다고 느끼게됩니다.

웹 사이트 속도 향상에 대한 추가 팁

이제 웹 사이트 속도를 향상시키는 방법에 대한 내 10 빠른 팁을 얻었습니다.

나는 일을 끝내기위한 다른 많은 방법이 있다고 확신합니다. 왜 우리에게 당신의 의견을 말하지 않는 것입니까? -1 비 기술적 인 사람들이 그들의 웹 사이트를 빠르게 할 수있는 팁은 무엇입니까?

작성자 : Jerry Low

괴짜 아빠, Web Hosting Secret Revealed의 SEO 데이터 중독자, 투자자 겸 창립자. Jerry는 2004년 이후로 인터넷 자산을 구축하고 온라인으로 돈을 벌고 있습니다. 그는 아무 생각 없는 낙서와 새로운 음식을 먹는 것을 좋아합니다.