웹 사이트 파일 최적화 초보자 가이드 (70 % 빠른 로딩)

웹 사이트 속도를 높이고 대역폭을 절약하기 위해 압축은 가장 효과적이고 쉬운 방법 중 하나입니다..


… 그러나 많은 웹 사이트 소유자는 여전히 2020 년에 파일의 중요성을 모르거나 파일을 잘 모르기 때문에 파일을 최적화하지 않습니다..

간단히 말해 페이지로드 속도를 높이는 가장 중요한 방법 중 하나는 JavaScript (JS) 파일로드 속도를 높이는 것입니다. GZIP 압축을 사용하여 JavaScript 속도를 높일 수 있습니다.

이제는 최신 브라우저에만 적합하지만 인터넷을 사용하는 대부분의 사람들은 최신 장치와 브라우저를 사용하고 있습니다. Yahoo와 Google 모두 GZIP 압축을 사용합니다..

먼저, 약간의 맥락을 만들어 봅시다.

1 단계 : 콘텐츠 인코딩이란 무엇입니까?

웹 사이트 파일을 효과적으로 최적화하려면 다음과 같은 개념을 이해해야합니다. 콘텐츠 인코딩.

간단히 말해 기본 미디어 유형 ID를 잃을 위험없이 문서를 압축 할 수 있습니다. 파일을 요청하면 브라우저가 웹 서버와 통신합니다.

HTTP 요청

기본적으로 브라우저는 서버에게 원하는 것을 알려줍니다. 서버가 찾아서 찾습니다. 그런 다음 브라우저가로드합니다. 파일이 클수록 브라우저를로드하는 데 시간이 오래 걸립니다.

파일이 너무 클 때 어떻게해야합니까?

당신은 그것을 압축합니다. 압축 된 파일을 브라우저로 보내면 다운로드 시간과 대역폭이 모두 절약됩니다.

압축 파일을 보내는 것이 좋다는 것을 알고 서버와 브라우저와 관련된 두 가지 요소가 있습니다.

  • 브라우저는 서버에 헤더를 보내서 압축 된 내용을 보내는 것이 좋다고 알려줍니다
  • 내용이 압축되면 서버는 응답을 보냅니다.

파일이 압축되지 않은 경우 서버는 내용 인코딩 응답 헤더를 보내지 않습니다. 수락 인코딩 헤더는 요구 사항이 아니라 브라우저의 요청 일뿐입니다..

브라우저는 서버가 압축 된 컨텐츠를 보내지 않기 때문에 일반 헤비 버전을 처리해야합니다..

서버 설정하기

브라우저를 제어 할 수 없습니다. 헤더를 보내거나 보내지 않습니다. 그러나 브라우저가 처리 할 수있는 한 지퍼 컨텐츠가 리턴되도록 사용중인 서버를 구성 할 수 있습니다. 그 결과 대역폭이 크게 절약됩니다.

압축 후 웹 성능

이렇게하려면 IIS의 압축 설정을 활성화하십시오. Apache를 사용하는 경우 출력 압축을 사용하는 것이 비교적 간단합니다. .htaccess 파일에 액세스하여 적절한 코드를 추가하십시오..

Apache에서 선택할 수있는 두 가지 압축 옵션이 있습니다.

  • mod_deflate가 표준이며 설정하기가 더 쉽습니다.
  • mod_gzip을 사용하면 내용을 미리 압축 할 수 있으며 더 강력 해 보입니다

쉬운 아파치 수축

어떤 옵션을 선택하든 Apache는 브라우저가 수락 인코딩을 위해 헤더를 보냈는지 확인한 다음 파일을 일반 버전 또는 압축 버전으로 반환합니다..

오래된 브라우저에서 문제가 발생하는 경우 특정 특수 지시문을 추가하여 문제를 해결할 수있는 방법이 있습니다.

압축 된 내용을 반환하려면 .htaccess 파일을 변경할 수없는 경우 PHP를 사용할 수 있습니다. PHP에서 :

<?php if (substr_count ($ _ SERVER [‘HTTP_ACCEPT_ENCODING ‘],‘gzip’)) ob_start (“ob_gzhandler “); else ob_start (); ?>

accept-encoding 헤더를 확인한 후 gzip으로 압축 된 파일 버전이 반환됩니다. 이것은 스스로 웹 서버를 구축하는 것과 유사합니다. 출력을 압축하려면, 아파치는 쉽게 만든다.

중요한 경고 : 대부분의 웹 사이트 구축 소프트웨어는 코드 수준 편집을 허용하지 않습니다 (일부 예외 제외). Hosting Canada에서는 사이트 자체 호스팅을 강력하게 옹호하지만 모든 사람에게 해당되는 것은 아니라는 사실을 알고 있습니다. Squarespace, Wix 또는 Weebly와 같은 웹 사이트 빌더를 사용할 때 이러한 종류의 서버 수준 땜질은 아마도 당신의 손이 닿지 않을 것입니다.

압축 확인

서버 구성을 마친 후에 압축 된 컨텐츠를 제공해야합니다. 페이지가 온라인으로 압축되었는지 확인하려면 온라인 GZIP 테스트를 사용할 수 있습니다.

브라우저에서 개발자 도구가이를 지원할 수 있습니다. 네트워크 탭으로 이동하여 페이지를 새로 고친 다음 특정 페이지의 네트워크 회선을 클릭하십시오.

내용이 압축 된 상태로 전송되면 “content-encoding : GZIP”헤더가 나타납니다..

구글 크롬 gzip 헤더

자세한 내용을 보려면 “큰 행 사용”아이콘을 클릭하십시오. 또한 실제 컨텐츠 크기 및 압축 전송 크기에 대한 정보를 제공합니다..

고려해야 할 경고

압축은 많은 이점을 제공하지만 모든 단점이 있습니다. 다음을 알고 싶습니다.

  • 압축비 그래프이미 압축 된 내용 : 대부분의 음악, 비디오 및 이미지는 이미 압축되어 있습니다. 다시 압축하려고하면, 이것은 주로 시간 낭비입니다. 대부분의 경우 CSS, HTML 및 JavaScript 압축에 대해서만 걱정하면됩니다..
  • 이전 브라우저 : 압축 된 내용이 모든 브라우저와 호환되는 것은 아닙니다. 이것은 오래된 브라우저에서 특히 그렇습니다. 예를 들어, Windows 95 또는 Netscape 1.0에서 작업해야하는 경우 HTTP 압축을 피할 수 있습니다. Apache mod-deflate를 사용하는 구형 브라우저의 압축을 피하기위한 규칙과 지침이 있습니다..
  • CPU로드 : 콘텐츠를 즉석에서 압축 할 때 대역폭을 절약하고 CPU 시간을 사용하십시오. 압축 속도를 고려하면 일반적으로 공정한 것으로 간주됩니다. 압축 버전을 통해 전송하고 정적 컨텐츠를 사전 압축하는 방법이 있습니다. 일반적으로 더 많은 구성이 필요합니다. 인터넷 사용자는주의 집중 시간이 짧으므로 CPU주기를 사용하여 더 나은 사용자 경험을위한 속도를 높이는 것이 항상 좋은 생각입니다..

GZIP 압축을 사용해야하는 이유

http 압축 콘솔GZIP 압축은 많은 이점을 제공합니다. 사용을 시작해야하는 이유를 완전히 알 수 있도록 이들이 무엇인지 아는 것이 중요합니다..

평균적으로, GZIP를 사용하여 CSS 및 HTML 파일을 압축하면 총 파일 크기의 50-70 % 절약. 파일 크기가 크게 줄어들면 웹 사이트에서 훨씬 더 효율적이고 효율적인 사용자 경험을 얻을 수 있습니다..

이 기술은 또한 웹 사이트의 전반적인 SEO에서 중요한 역할을합니다. 검색 엔진은 복잡한 알고리즘을 사용하여 사이트 및 웹 페이지가 검색 결과에 포함되는 위치를 결정합니다..

모든 알고리즘 업데이트에서 더욱 중요한 요소는 웹 페이지로드 시간입니다. 검색 엔진은이 정보를 사용하여 웹 사이트의 전체 최적화를 결정합니다.

gzip 압축 속도 테스트웹 페이지가 빠르게로드되면 사이트를 방문하는 사용자가 원하는 컨텐츠에 액세스하기 위해 기다릴 필요가 없습니다. 인터넷 사용자의 관심 범위는 짧습니다..

웹 페이지를로드하는 데 시간이 너무 오래 걸리면 사용자가 클릭하여 유사한 정보가있는 더 빠른 사이트를 찾을 수 있습니다. 검색 엔진은 더 빠른 로딩 웹 사이트에 대한 보상을 원합니다, 더 높은 검색 결과를 제공합니다..

웹 사이트가 빠를수록 전환 수가 증가합니다. 즉, 전자 상거래 웹 사이트가 있으면 더 빨리로드할수록 매출이 높아집니다. 실제로 미국인의 약 51 %는 구매를 포기한 가장 큰 이유는 느린 웹 사이트라고 말합니다..

사례 연구에 따르면 웹 사이트의 로딩 시간을 2.2 초 단축하여 전환율을 15 % 이상 향상시킬 수있는 것으로 나타났습니다.

GZIP 압축 관련 문제 해결 문제

모든 기술 요소와 마찬가지로 GZIP 압축은 가장 작은 이유로 실패 할 수 있습니다. 좋은 소식은 대부분의 실패 원인을 해결할 수 있다는 것입니다.

살펴볼 첫 번째 요소는 웹 호스트에서 GZIP 압축을 지원하는지 여부입니다. 대부분은 페이지 로딩의 중요성으로 인해이를 지원하지만 호환성을 보장하기 위해 신경 쓰지 않은 소수의 사람들이 있습니다. 웹 호스트에 연락하여 GZIP 호환성이 문제인지 확인할 수 있습니다..

다음으로 살펴볼 요소는 코드입니다.. 하나의 잘못된 문자조차도 문제를 일으킬 수 있습니다. 누락 된 문자, 구문 오류 또는 변형 된 코드를 찾으십시오. 압축이 성공하려면 모든 코딩이 아키텍처와 함께 작동해야합니다.

PHP 또는 .htaccess로 입력 한 코드를 확인할 수 있습니다 (위에서 논의). 문제를 찾을 수 없지만 코드가 책임이 있다고 생각되면 작동하기 쉬운 다른 코드로 코드를 완전히 교체하십시오..

경우에 따라 웹 호스트는 GZIP 압축을 허용하는 올바른 파일에 액세스 할 수 있지만 그렇지 않습니다. 이 경우 호스트에게 전화를 걸어 이들을 활성화하도록 요청하십시오..

이 기사의 앞부분에서 GZIP 압축 확인에 대해 배웠습니다. 이것은 문제 해결을위한 빠르고 쉬운 옵션입니다. 일반적으로이 작업을 먼저 수행하는 것이 좋습니다. 그래도 문제가 발생하면 웹 호스트에 문의하여 사용한 코드를 평가하십시오..

브라우저가 최신이 아닌 경우, 이것도 GZIP 압축에 문제를 일으킬 수 있습니다. 이것은 특히 오래된 Internet Explorer 버전에서 일반적입니다. 사이트를 방문하는 많은 사람들이 이전 브라우저를 사용하는 경우이 문제를 해결해야 할 수도 있습니다.

사이트의 파일이 너무 크면 GZIP 압축과 관련된 문제가 발생할 수 있습니다. 이전 GZIP 버전을 사용하는 경우 파일 크기 제한은 2GB 이하와 같이 상대적으로 작을 수 있습니다. 이 때문에 GZIP 버전의 한계가 무엇인지 결정하려고합니다..

가장 좋은 방법 중 하나 압축을 활성화하여 웹 사이트의 성능과 속도를 향상시킵니다.. 이제 방법을 알았으므로 이점을 최대한 활용할 수 있습니다..

주의 사항을 알고 작업 할 때주의하십시오. 다음 단계는 방문자가 혜택을 얻을 수 있도록 설정하는 것입니다.

종종 간과되는 웹 사이트 속도 요소는 선택한 웹 호스팅 회사와 관련이 있습니다. 예, 데이터를 위기에 빠뜨리는 데 시간이 걸리면 더 나은 성능을 발휘하기 때문에 선택한 차이가 있습니다..

자세한 내용은 웹 사이트 속도를 향상시키는 방법에 대한 내 가이드를 참조하십시오.

참조 및 이미지 크레딧 :

  • BetterExplained.com
  • OpenSourceVarsity.com
  • Geekeasier.com
  • WebPerformance.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

About the author

Adblock
detector