구글이 충고하는 모바일대응 전략 (5) 관계없는 상호링크와 페이지로딩속도

구글이 충고하는 모바일대응전략이라는 주제로 연재포스트를 등록했는데 이 포스트가 연재포스트의 마지막입니다. 오늘의 내용은 관련없는 상호링크 그리고 페이지 로딩 속도에 관한 내용입니다.
관계없는 상호 링크란 매우 간단한 내용입니다. 조금만 주의하면 쉽게 해결될수 있는 문제라고 하겠습니다. 스마트폰등 모바일기기에 최적화된 페이지와 PC에 최적화된 페이지를 상호 링크로 연결하지 말라는 것입니다.
즉 스마트폰에 최적화된 페이지끼리 그리고 PC에 최적화된 페이지끼리 상호 링크로 연결되어야 최적화된 모바일 대응이 가능하다는 것입니다.
[divider] 관련 연재 글 보기
링크 구글이 충고하는 모바일대응 전략 (1) 재생할수없는 동영상(Unplayable videos)
링크 구글이 충고하는 모바일대응 전략 (2) 잘못된 리디렉션(Faulty redirects)
링크 구글이 충고하는 모바일대응 전략 (3) 스마트폰전용 404페이지(Smartphone-only 404s)
링크 구글이 충고하는 모바일대응 전략 (4) 앱 다운로드 광고 (App download interstitials)
링크 구글이 충고하는 모바일대응 전략 (5) 관계없는 상호링크와 페이지로딩속도
[divider]
또 다른 구글의 충고인 페이지로딩 속도(Page Speed)는 언글할 내용이 좀 많을 것 같습니다.

사이트 나 블로그의 모바일페이지 로딩속도는 1초이내

구글에서는 모바일 대응을 위한 사이트나 블로그의 페이지로딩속도를 1초이내로 대응될수 있도록 충고하고 있습니다. 굳이 모바일 대응이 아니더라도 PC에서도 사이트 로딩 속도는 매우 중요한 문제입니다.
사이트의 로딩속도가 느리다면 방문자들이 답답함을 느끼게 되고 사이트를 이탈하는 이탈율이 높아지게 되기 때문입니다. 즉 좋은 양질의 컨텐츠라도 사이트 로딩속도로 인하여 미처 읽혀지기도 전에 외면받게 되는 것입니다.
그런데 모바일을 통한 방문자는  PC보다 더 인내심이 없다고 구글은 판단하고 1초 이내 로딩을 목표로 하라고 제시하고 있습니다. 구글에서 자체적으로 조사한 결과에 따르면 평균적인 모바일 웹페이지 로딩 속도는 10초정도라고 합니다.

구글에서는 기술적으로 대역폭(bandwidth) 보다 왕복시간(Round Trip)에 관심을 기울이라고 충고합니다. 그리고 이러한 왕복시간 단축에 관심을 기울여야 하는 부분이 외부의 자바스크립트와 CSS에 대한 최적화를 권유하고 있습니다.
이외에도 구글 개발자사이트를 통해서 모바일 웹사이트를 보다 빠르게 할수 있도록 하는 팁들을 공개하고 있습니다.
한번쯤 읽어 보시면 좋으실 듯 합니다. 사이트나 블로그의 로딩속도 저하 문제 원인을 보다 쉽게 파악하고자 한다면 구글의 PageSpeed Insights 를 활용해보셔도 좋습니다.

무거운(?) 워드프레스(WordPress)사용자를 위한 팁들

일반적으로 강력한 CMS 툴로 인정받고 있는 워드프레스(WordPress)에 관하여 단점을 이야기할 때는 무겁다는 표현을 자주 합니다. 무겁다는 의미는 시스템 자원을 많이 사용하고 또 로딩속도면에서 느릴수 있다는 것을 표현한것이라고 하겠습니다.
하지만 관리자가 좀 더 신경 쓴다면 좀 더 최적화된 모습을 보여줄수 있다고 생각됩니다. 아무리 좋은 스포츠카라도 운전자가 그냥 수년간 방치하면서 마구 타고 다닌다면 최초의 성능보다 떨어지는 모습을 보이는 경우와 마찬가지라고 하겠습니다.
워드프레스(WordPress) 웹페이지 로딩속도를 개선하기 초보자들이 할수 있는 매우 쉬운 방법들이 있습니다.
워드프레스의 강력한 기능중 하나인 속도향상 관련 플러그인(Plug in)을 설치하는 것입니다.
[pe2-image src=”http://lh4.ggpht.com/-2eNJbZ-v0WI/U0Zeip8Tn0I/AAAAAAAAChk/6BSuNRY_n5g/s144-c-o/%2525EC%25259B%25258C%2525EB%252593%25259C%2525ED%252594%252584%2525EB%2525A0%252588%2525EC%25258A%2525A4_LazyLoad%252520plugin.jpg” href=”https://picasaweb.google.com/102394476629197694908/201404#6000587502985125698″ caption=”워드프레스_LazyLoad plugin.jpg” type=”image” alt=”워드프레스_LazyLoad plugin.jpg” ]
예를 들면 Lazy Load 같은 플러그인입니다. Lazy Load 플러그인은 웹브라우저에서 스크롤하는 화면 즉 가시화면에서 보이는 이미지를 먼저 로딩하는 기능을 수행합니다.
즉 방문자가 보지 않는 화면의 이미지를 늦게 로딩하여 방문자에게 보다 빠르게 사이트 또는 블로그의 컨텐츠 내용을 확인할수 있도록 하는 것입니다.
이외에도 캐시(Cache) 프로그램들이나 로딩속도를 지연시키는 플러그인들을 찾아내주는 P3 같은 속도 개선 플러그인들만 활용해도 로딩속도가 대폭 개선되는 것입니다.