내용의 테이블
- 정의
- 어떻게 페이지 크기가 작동하는가?
- 페이지 크기가 중요한 이유는 무엇입니까?,ges
- 최적화하는 동영상
- 최적화하는 방문자의 댓글 피드백과 리뷰
- 최적화하는 페이지 텍스트 링크
- 피 autoplay 오디오 및 비디오
- 최적화 이미지를 압축
- 최적화하는 제품 이미지
- 추적 및 변환
- 호환성을 가진 모바일 기기
- 이해 당신의 고객
정의
용어 페이지의 크기는 서구에서 세계를 의미로 다운로드 파일의 크기는 주어진 웹 페이지입니다., 페이지 크기는 페이지를 구성하는 모든 파일로 구성됩니다. 일반 웹 페이지까지의 여러 파일을 포함할 수 있는 HTML,CSS,자바 스크립트,또는 이미지 파일뿐만 아니라 다른 리소스입니다.
페이지 크기는 어떻게 작동합니까?
이 모든 파일은 추가 될 때 페이지 크기와 동일한 크기가 다릅니다. 예를 들어,페이지 크기를 위한 웹 페이지의 HTML 문서는 110KB 에서 크기,이미지 크기가 223KB 과 시 파일의 크기는 87KB 될 것입니다 420KB 입니다.,
SEOptimer 로 사이트를 검토 할 때 가장 많은 기여도를 가진 웹 사이트의 전체 페이지 크기를 쉽게 식별 할 수 있습니다. 이미지는 일반적으로 가장 많이 기여하,임베디드 비디오 수 있습뿐만 아니라,때로는 스크립트나 CSS 스타일을 부풀게 기여할 수 있습니다. 아래 스크린 샷을 사용하면 자바 스크립트가 실제로 가장 무겁다는 것을 알 수 있습니다. 더 많은 플러그인,마케팅 소프트웨어를 사용하면 흥분과 꽤 페이지 크기를 늘릴 수 있습니다.
웹 페이지의 크기를 꾸준히 성장하고있다., 인터넷상의 첫 번째 웹 페이지의 크기는 4kb 에 불과했습니다. 특히 그 당시의 브라우저는 오늘날 많은 일을 지원하지 않았기 때문입니다. 예를 들어 브라우저가 이미지를 지원하기 시작한 것은 1993 년까지는 아니 었습니다. Httparchive 에 따르면 2017 년 평균 웹 페이지 크기는 3mb 였습니다. 이는 2014 년 평균 1.6MB 에서 크게 증가한 것입니다. 평균 페이지 크기는 2019 년까지 4mb 가 될 것으로 예측됩니다.
에 따르면 핑덤의 평균 웹 페이지에서 2017 년 보고서,평균 819KB 었 전용 비디오와 1,818KB 의 좋은 컬렉션이 있습니다.,
Google 은 1.49MB 가 빠른 3G 연결을 사용하여로드하는 데 7 초가 걸린다는 점을 감안할 때 500kb 를 권장합니다. 또한 웹 사이트에 500kb 보다 큰 파일을 업로드하면 Google 크롤러가 500kb 크기 제한 이상의 것을 크롤링 할 수 없습니다.
페이지 크기가 중요한 이유는 무엇입니까?
웹 페이지의 검색 엔진 순위를 고려할 때 페이지 크기가 중요합니다. 그것은 당신의 웹 사이트의 순위뿐만 아니라 사이트의 성능에 영향을주지 않습니다., 몇 가지의 이유는 당신에 초점을 맞추어야한 크기의 웹 페이지의 포함한다:
로드 속도
구글에 따르면 웹마스터는,로드 속도가의 한 요인을 고려할 때 순위 웹 페이지입니다. 빠르게로드되는 페이지는 느리게로드되는 페이지보다 순위가 높습니다. 느린 페이지는 자신의 높은 반송 률 주어진 대부분의 사람들에게 유용하지 않기 때문에 특히이다.
Neil Patel 에 따르면 3 초 안에로드되지 않으면 사이트 방문자의 약 40%가 웹 사이트를 떠날 것입니다. 이것이 페이지 크기와 어떤 관련이 있습니까?, Yottaa 보고서에 따르면 페이지 크기는 웹 페이지의로드 속도에 직접적인 영향을 미칩니다.
모바일 검색
의 사용이 증가하여 스마트 폰는 긍정적으로 영향을 받는 휴대 전화의 사용에서 인터넷 검색. 2015 년,구글은 발표하는 첫 번째 시간에 휴대 전화의 사용을 실시하여 온라인 수색했을 만나다 데스크탑에서는 세계 경제. 2018 년에 Google 은 모바일 우선 색인 생성을 시작했습니다. 이는 웹 페이지가 데스크톱보다 모바일 장치에로드되는 데 더 많은 시간이 걸리기 때문에 큰 관심사입니다., Lukew 에 따르면 4G 스마트 폰은 12%느린 반면 3G 폰은 웹 페이지를로드하는 데 데스크톱보다 40%느립니다. 모바일 장치에서로드 시간을 향상시키는 유일한 방법은 웹 페이지의 크기를 줄이는 것입니다. Google 은 SEO 순위를 결정할 때 모바일 응답 성을 고려하기 때문에 중요합니다.
웹 호스팅 비용
호스팅 계획을 위해 귀하의 웹사이트에 기반한 대역폭이 있습니다. 귀하의 웹 사이트를 호스팅하는 회사는 페이지 크기,페이지 수 및 방문자 수에 따라 대역폭의 크기를 추정합니다., 귀하의 웹 사이트가 더 큰 크기의 페이지로 구성되어 있다면 기회는 당신이 현재 사용하는 것보다 더 많은 대역폭이 필요합니다. 이렇게하면 웹 사이트 호스팅 비용이 증가합니다.
페이지 크기 모범 사례
오늘 인터넷 마케팅은 놀이에서 다양한 요소 사이의 균형을 많이 필요로한다. 페이지 크기는 수년에 걸쳐 꾸준히 증가하고 있습니다. 이것에 대한 한 가지 이유는 온라인 이미지의 인기입니다. 귀하의 사이트를 방문하는 사람들의 대다수는 매력적인 이미지와 그래픽이 없다면 귀하의 웹 페이지를 읽지 않을 것입니다., 따라서 이미지의 사용과 웹 페이지의 크기 최소화 사이의 균형을 유지하는 것이 중요합니다. 바로 모든 것을 얻을,여기에 숫자의 모범 사례를 따른다:
이미지 최적화
이미지에서 중요한 역할을이다. 그들은 단어만으로는 할 수없는 정보를 전달하는 데 도움을줍니다. 그러나,이미지의 사용은 상당히 페이지의로드 속도를 낮추는 웹 페이지의 크기를 증가시킨다. 의 속도를 향상시키기 위해 귀하의 웹사이트에 고려하는 것이 중요 압축 또는 이미지 크기를 조정한 권장 크기의 파일당 500 킬로바이트.,
단순히 이미지와 텍스트를 압축하는 것은 게임 체인저가 될 수 있습니다—올바르게 완료되면 페이지의 30%가 250kb 이상을 절약합니다.
의 숫자가 사용할 수 있는 도구를 압축하거나 크기를 조정 이미지를 효과적으로:
- 합니다.io
- 압축기입니다.io
- Compressjpeg
- Jpegmini
을 최적화하는 또 다른 방법은 이미지를 사용하는 것입 CSS sprites. 이것은 여러 이미지를 단일 이미지로 결합한 다음 필요에 따라 개별 이미지를 표시하기 위해 CSS 를 적용하는 것을 말합니다., 이렇게하면 이미지에 대한 요청이 적기 때문에 대역폭이 절약됩니다.
불필요한 사용자 정의 글꼴
글자의 매력에 추가 귀하의 웹사이트에만 있는 페이지는 무거운,증가하는 부하를 시간과 생산 부정적인 결과입니다. 을 피하고 불필요한 사용자 정의 데 도움이 될 것입 글꼴의 크기를 줄여 귀하의 웹사이트 감소의 부하를 시간,궁극적으로 증가하는 번호로 페이지의 방문자.,
축원
축소함으로써 리소스 프로세스의 중복을 제거하거나 불필요한 데이터에서 당신의 웹 페이지에 영향을 주지 않고 그들이 어떻게 처리되는 브라우저에 의하여. 예를 들어,최소화를 포함할 수 있었의 제거에 사용되지 않는 코드,코드 의견 또는 짧은 기능은 이름입니다. 구글은 자원을 축소에 대해 이동하는 방법에 대한 자세한 가이드를 제공합니다.
CDN(Content Delivery Networks)채용
웹 사이트 속도를 높이기 위해 페이지 크기가 커지는이 시대에 많은 사람들이 Cdn 을 사용하고 있습니다., 이들은 지리적 근접 기술을 사용하여 웹 콘텐츠를 제공하는 상호 연결된 서버 시스템입니다. 이것은 중요한 도구에 대한 지역으로 SEO 웹 페이지가 표시됩을 검색와 함께하는 위치는 요소의 웹사이트에 저장됩니다. 이것은 웹 페이지가 상대적으로 무거울 때도 도움이 될 것입니다.
페이지 크기가 웹 사이트의 순위에 중요하다는 것은 분명합니다. 더 큰 웹 페이지는 구글이 순위를 매길 때 그 페이지를 간과한다는 것을 의미하는 천천히로드 될 것이다., 이는 Google 사용자가 느리게로드되는 페이지를 혐오하고 검색 엔진 회사가 고객을 만족시키는 데 자부심을 갖기 때문입니다. 페이지가 더 빨리로드되도록하려면 크기를 찾아 최적화해야합니다.
이 작업을 수행할 수 있도록,다수의 다른 도구를 사용하여 고려할 수 있습니다:
- 웹 페이지 분석기
- 웹사이트 학년
- 페이지의 크기 추출기
- Xenu
페이지의 크기 최적화를 위한 WordPress
워드프레스는 지금까지 가장 인기 있는 CMS., 당신은 워드 프레스 웹 사이트가있는 경우,당신은 그것의 페이지 크기를 최적화하여 빠르게 만들 수 있습니다. 이 할 수 있습니다 다음의 간단한 단계를 수행함으로써:
최적화하는 글꼴
다른 글꼴에서 사용되는 컨텐츠의 생성한 페이지. KeyCDN 추정치는 글꼴이 총 페이지 크기의 평균 123kb 를 차지한다는 것을 나타냅니다. 사용 가능한 다른 글꼴과 고유성을 추구하는 탐구와 함께,번거롭지 않은 글꼴을 선택하는 것이 중요합니다. 로딩 속도와 글꼴 크기는이 점에서 고려해야 할 중요한 요소 중 일부입니다., 이 있는 동안에는 사용자 정의 글꼴을 사용하여 페이지 생성 있는 옵션을 선택하는 가장 맞는 글꼴을 최적화 프로세스입니다.
최적화하는 워드 프레스 파일을 이미지 압축은 플러그인으로
수도 있습을 확인하고 싶다면 여러 플러그인을 추가 자신의 font-awesome.분.css 파일. 당신은 당신이 더 적은이 있도록 이러한 파일을 병합 할 수 있습니다.병합+축소+새로 고침 또는 페이지 닌자와 같은 플러그인을 사용하여 워드 프레스 웹 사이트의 css 파일.
이미지 최적화
이미지는 웹 페이지를 크게 향상시킵니다., 그들은 페이지를 매력적으로 만들뿐만 아니라 사이트와 방문자의 상호 작용을 용이하게합니다. 페이지 크기의 증가 증가는 이미지의 사용에 기인하고있다. 의 수를 줄이는 이미지 제품당을 줄이고,크기의 이미지와 적절한 배열의 이미지가 페이지에는 세 가지 좋은 방법을 최적화하는 크기입니다.
이미지 압축을위한 안정적이고 효과적인 응용 프로그램을 사용해야합니다. 이러한 도구는 크기를 줄이고보다 사용자 친화적으로 만드는 동안 이미지의 품질이 유지되도록합니다. 이미지 최적화를위한 일부 플러그인은 다음과 같습니다.
- Kraken.,io
- WP Smush
- 국방 이미지 최적화 프로그램
최적화하는 동영상
최근 개발에서 웹 페이지의 창조를 포함하는 것입니다 그들은 페이지의 사소한 구성 요소 중 남아 있지만,그들은 또한 웹 페이지의 크기에 추가. 페이지 크기를 최적화 할 때 불필요하게 많은 공간을 차지하지 않도록하는 방식으로 사용되는 비디오의 수를 줄이는 것이 좋습니다. 비디오 편집을 길이를 줄이고 유지하는 가능한 한 많은 콘텐츠에 이상적인 단계로 페이지 최적화입니다.,
임베디드 비디오에서 당신의 페이지의 수를 증가시킬 것이 요청에 필요한 렌더링에서 당신의 페이지를 포함하여 다운로드 축소판 이미지 및 해결책을 논의합니다. 바이트 크기가 증가 할뿐만 아니라 추가 HTTP 요청으로 인해로드 시간이 크게 늘어납니다.
몇 가지 다른 옵션으로 동영상을 최적화 할 수 있습니다.
비디오 라이트 박스를 사용하면 사이트에 포함 된 대신 비디오를 볼 수 있도록 팝업 할 수 있습니다.
미리보기 이미지 만 포함시켜 페이지 크기를 늘리지 않고 YouTube 동영상을 포함시킵니다.,
최적화하는 방문자의 코멘트,피드백과 리뷰
플랫폼에 대한 방문자 리뷰를 제공하고 의견에서 중요한 역할들을 유지하뿐만 아니라 수집하는 중요한 통찰력 소비자에게서. 그러나이 내용은 페이지 크기를 크게 늘리는 공간이 필요합니다. Disqus 또는 제품 리뷰와 같은 타사 도구를 페이지에 추가하는 것은 페이지 크기를 최적화하는 이상적인 방법입니다. 자신의 집중해야한 양을 제한하의 의견이 표시되어 효과 기타 기능들은 수를 줄이는 데 도움 당신의 페이지 크기가 있습니다.,
페이지의 크기 최적화를 위한 Wix
경우에 당신은 귀하의 웹사이트 디자인을 사용하여 소개하고,당신은 제한을 할 수 있는 것을 최적화하는 페이지에 비해 크기 워드 프레스 또는 Shopify. 그러나,여기에 몇 가지 단계를 수행할 수 있:
최적화하는 페이지 텍스트 링크
으로 궁극적인 가이드 방문자는 이익에서 많 페이지 제목과 설명 중 검색 및 탐색. 그들이하는 중요한 역할로 페이지 크기 최적화에 짧고 간결한 제목과 설명을 사용할 필요가 있습니다., 이것은 명확하고 명확한 의미가 있음을 보장하면서 가능한 최소한의 단어 수를 사용해야한다는 것을 의미합니다. 이 추가 제목 및 설명에 대 한 콘텐츠와 함께 오른쪽 글꼴 데 수반 한다.
Google,에서 자신의 모바일 페이지 속도가 새로운 산업 기준을 썼,”단순히 압축함으로써 이미지 및 텍스트할 수 있습 게임 체인저—30%의 페이지를 저장할 수 있는 더 이상 250KB 는 방법입니다.”
이후 Wix 으로 제공됩 out-of-the-box 솔루션,만지며 쉽게 통제할 수 있습니다 당신이 무엇을 넣어 사이트 비교 최적화 플러그인을 통해 다음과 같은 다른 CMS 플랫폼입니다.,웹 사이트 내에서 다른 페이지가 링크 주소와 앵커 텍스트를 통해 링크된다는 점에 유의하는 것이 중요합니다. 이러한 탐색을 쉽게 하 고 방문자에 게 방향을 제공 하는 데 도움이. 그러나 모든 페이지에서 그들이 어디에 사용되는,그들은 또한 로 페이지 내용하고 따라서 가 잠재적인 크기를 늘입니다. 페이지 크기 최적화에서 링크 및 앵커 텍스트를 가능한 한 많이 줄일 필요가 있습니다. 이는 프로세스에서 사용되는 문자 수를 줄임으로써 더욱 강화되어야합니다.,
피 autoplay 오디오 및 비디오
오디오 파일을 증가시킬 수 있 페이지 로딩 시간이다,그래서 그들을 피하 모두실 것을 권장합니다. 그러나 사이트에 오디오를 업로드 할 경우 비트 전송률이 128KBP 인 오디오 파일을 업로드하십시오.
최적화 이미지 압축
페이지에 사용되는 이미지는 중요합니다. 그들은 현대 및 동향 페이지의 일부를 형성뿐만 아니라 방문자에게 더 나은 사용자 인터페이스를 제공합니다. 그러나 이미지는 페이지에서 많은 공간을 차지하므로 해당 이미지를 압축 할 필요성을 요구합니다., Wix 페이지 크기 최적화 프로세스는 이미지의 내용과 품질이 영향을받지 않도록 신뢰할 수있는 이미지 압축 도구를 사용해야합니다. 이해야에서 수행을 보장뿐만 아니라 있는 적절한 배열의 이미지를 보장하기 위해 최상의 가능한 번호를 사용없이 증가하는 공간이 사용됩니다.
페이지의 크기 최적화를 위한 Shopify
숫자가의 고유한 기능 Shopify 에 영향을 미칠 수 있는 웹 페이지의 속도는 당신의 웹 사이트입니다., 을 최적화하 Shopify 페이지의 크기는,다음의 간단한 단계를 수행합니다:
최적화하는 제품 이미지
Shopify 플랫폼을 제공합한 마케팅에게 도달하는 클라이언트입니다. 이것은 구애와 고객을 유치하기 위해 페이지의 다른 콘텐츠와 함께 이미지의 사용을 통해 달성된다. 이와 관련하여 페이지 크기를 최적화하기 위해 단일 제품의 이미지 수를 줄이는 것이 중요합니다. 일반 편집하고 변경의 이미지로서 역할을 할 수 있는 이상적인 접근 방문자가 다른 뷰의 제품에 여러 이미지를 단일 페이지를 참조하십시오.,
축소판 이미지를 줄이면 더 빠르게로드되고 페이지 크기가 줄어 듭니다. 테마는 Shopify 의 내장 이미지 크기 매개 변수를 사용하여 가장 작은 이미지를 다운로드해야합니다. 별도의 축소판을 만들고 이미지 크기를 낮추면 페이지 크기 축소에 가장 많이 기여할 것입니다.
추적 및 변환
사용하는 대신 Shopify 앱을 추적 변환을 이용,구글에 태그 관리자입니다. 그것은 법적으로 허브와 필요 한 조각의 사이트에서 자바스크립트에 대한 모든 스크립트를 포함하여 Google 애널리틱스,애드워즈,and FB 추적 픽셀이 있습니다.,
모바일 장치와의 호환성
모바일 장치의 사용이 매일 증가하고 있습니다. 데스크톱과 달리 모바일 장치는 제한된 메모리를 사용하므로 모바일보기를 위해 최적화 된 페이지가 필요합니다. 다른보기에 대해 다른 페이지를 유지하지 않으려면 기존 페이지를 최적화하여 모든 장치와 호환되도록하십시오. 이 Shopify 플랫폼을 만들어진 이러한 목적으므로 사용할 수 있는 도구를 사용자 정의 할 수 있도록 페이지에서 최적화된 성능을 제공하기 위해 모든 장치이다.,
이해 당신의 고객
하는 동안 당신을 만들 수 있습 긴 홈 페이지를 사용하여 히트 맵 같은 도구 Hotjar 또는 Crazyegg 을 추적하는 데 도움이 얼마나 자주 당신의 방문자가 귀하의 사이트를 보는 방법을 보여줍니다게 감소입니다. 가장 최적화 된 홈 페이지는 하나 또는 두 개의 스크롤 내에 표시되어야합니다. Nielson Norman 그룹 연구에 따르면 개인의 페이지 시청 시간 중 57%가 배 이상이었습니다. 시청 시간의 74%는 처음 두 화면 풀(최대 2,160PX)에 소비되었습니다.