웹 사이트를 느리게하는 원인 및 Semalt 솔루션


내용의 테이블

1. 소개
2. 웹 사이트를 느리게하는 원인과 해결책
  • HTTP 요청이 너무 많습니다.
  • 대용량 미디어 파일
  • 너무 많은 플러그인
  • 자바 스크립트 문제
  • 캐싱 기술을 사용하지 않는 경우
  • CDN을 사용하고 있지 않습니다.
  • 최적화되지 않은 CSS
  • 어수선한 홈페이지
  • 부정한 코딩
삼. 결론

1. 소개

로드하는 데 시간이 오래 걸리는 페이지가 있으면 웹 사이트 소유자로서 진정으로 성공할 수 없습니다. 사용자가 느린 웹 사이트의 실망스러운 경험을 견뎌야했던 시대는 지났습니다. 최근 연구에 따르면 대부분의 사용자는로드하는 데 3 초 이상 걸리면 사이트를 이탈합니다. 의미는 간단합니다. 21 세기에 속도는 게임의 이름입니다.

페이지 속도는 검색 엔진의 사이트 순위에 영향을줍니다. 또한 사이트의 가시성과 신뢰성에 영향을 미칩니다. 웹 사이트가 느리면로드하는 데 2-3 초 이상 걸리면 40 %의 사용자가 사이트를 떠나므로 수익이 감소 할 수 있습니다. 또한 사이트 방문자에게 부정적인 경험을 제공하여 사이트 재 방문 가능성을 줄입니다.

느린 웹 사이트의 원인은 여러 가지가 있습니다. 이러한 요소가 무엇이며 어떻게 해결해야하는지 알아 보려면 계속 읽으십시오.

2. 느린 웹 사이트의 원인과 해결책

  • 너무 많은 HTTP 요청
이것은 느린 웹 사이트의 일반적인 이유입니다. JavaScript 이미지와 CSS가 너무 많으면 브라우저가 사이트를 방문 할 때마다 이러한 각 파일을로드하도록 요청하므로 웹 사이트로드 시간이 느려질 수 있습니다. 웹 사이트 로딩 시간의 80 %는 이러한 요소를 다운로드하는 데 사용됩니다.
이 문제를 해결하려면 HTTP 요청을 최소화하십시오. Chrome 브라우저를 사용하는 경우 개발자 도구 설정을 사용하여 웹 사이트에서 현재 모든 검색에 대해 요청하는 수를 확인한 다음 그 수를 최대한 줄이십시오.

이들 중 일부를 결합 해 볼 수도 있습니다. HTML, CSS 및 JavaScript의 파일을 축소하고 결합 할 수 있습니다. 이러한 파일은 방문 할 때마다 사이트에서 요청하는 수에 추가됩니다. 또한 불필요한 리디렉션은 로딩 시간이 느려지거나 Semalt의 웹 페이지 분석기 진단을 실행하고 솔루션을 제공합니다.

  • 대용량 미디어 파일
이것은 느린 웹 사이트의 가장 흔한 원인 중 하나입니다. 최적화되지 않은 이미지 나 동영상이 너무 많으면로드하는 동안 이미지가 많은 대역폭을 사용하므로 웹 사이트의로드 속도가 감소합니다. 대용량 파일을 압축하기 전에 자주 업로드하는 경우 웹 사이트의 크기가 불필요하게 늘어나 웹 사이트의 속도에 영향을줍니다.
이 문제를 해결하려면 미디어 파일을 웹 사이트에 업로드하기 전에 압축하여 최적화하십시오. 이미지는 10 만보 다 클 수 없습니다. 이미지를 최적화하는 데 사용할 수있는 다양한 온라인 도구가 있습니다. 이미지를 업로드하기 전에 TinyJPG라는 무료 이미지 압축 도구를 사용하여 이미지 크기를 줄일 수 있습니다. WordPress 사이트를 운영하는 경우 WP Smush를 사용할 수 있습니다.
또한 PNG 또는 GIF 이미지 형식이 JPG 형식에 비해 훨씬 크기 때문에 이미지 형식에주의해야합니다. 따라서 JPG 이미지 형식을 사용하면 사이트로드 속도가 훨씬 빨라질 수 있습니다. Photoshop과 같은 그래픽 편집 응용 프로그램을 사용하여 원하는 이미지 형식을 선택할 수 있습니다. Photoshop에는 "웹 및 장치 용으로 저장"이라는 옵션이있어 사이트에 업로드하기 전에 이미지의 품질을 낮출 수 있습니다.
  • 너무 많은 플러그인
너무 많은 플러그인은 웹 사이트가 느린 또 다른 이유 일 수 있습니다. 사이트의 다양한 기능을 제어하는 ​​다양한 플러그인이있는 경우 사이트의 무게를 줄여로드 속도가 느려질 수 있습니다. 플러그인은로드하는 동안 사이트에서 수행해야하는 작업을 증가시키기 때문입니다. 플러그인은 사이트에서 페이지를 포착하는 것을 방해하여 사이트의 페이지 속도를 저하시킬 수도 있습니다.
사이트에 놀라운 기능을 제공하고 너무 많은 플러그인으로 사이트를 과부하시키는 수천 개의 플러그인에 휩쓸 리지 마십시오. 대신 작업을 효율적으로 수행 할 수있는 올인원 플러그인을 사용하십시오. 이 목적으로 사용할 수있는 플러그인 중 하나는 MalCare입니다. 이를 통해 WordPress 사이트를 관리하고 해커 및 맬웨어로부터 사이트를 보호 할 수 있습니다.
  • 자바 스크립트 문제
자바 스크립트는 사이트가 기능적이고 사용자에게보다 상호 작용할 수 있도록하는 중요한 도구입니다. AJAX를 통해 동적 데이터를 더 쉽게로드하고 페이지에 특수 효과를 추가 할 수 있습니다. 그러나 잘 처리되지 않으면 JavaScript가 웹 사이트에 문제가 될 수 있습니다.

브라우저가 웹 페이지를 표시하기 전에 모든 JavaScript 파일을 완전히로드해야하기 때문에 페이지가 제대로로드되지 않도록 할 수 있습니다. 최적화되지 않은 JavaScript는 렌더링 차단 JavaScript 또는 사용자가 브라우저에서 페이지를 열려고 할 때 페이지를 지연시키는 JavaScript를 초래할 수 있습니다.
이 문제를 해결하려면 다음을 수행해야합니다.
  • 외부 JavaScript 파일을 사용하는 대신 인라인 JavaScript를 사용하십시오.
  • JavaScript 파일을 감사하여 중요하지 않은 사람이 있는지 확인하여 제거 할 수 있습니다.
  • JavaScript를 압축하면 YUI 압축기를 설치하고이를 사용하여 파일을 처리하는 데 도움이됩니다.
  • JavaScript 파일에 비동기로드를 사용하십시오.
  • 자바 스크립트 로딩 연기; 다른 요소가로드 될 때까지 자바 스크립트가로드되지 않도록하면 페이지 속도가 빨라집니다.

  • 캐싱 기술을 사용하지 않는 경우
브라우저 캐싱을 활성화하면 브라우저에서 웹 사이트 파일의 정적 복사본을 하드 드라이브 나 캐시에 저장할 수 있습니다. 이렇게하면 사용자가 사이트를 방문 할 때마다 다른 HTTP 요청을 서버에 보내는 대신 캐시 된 데이터를 표시 할 수 있습니다.

W3 Total Cache와 같은 플러그인을 사용하여 쉽게 캐싱을 활성화 할 수 있습니다. 이것은 WordPress 사이트를 사용하는 경우 가장 잘 작동합니다. W3 Total Cache는 사용자의 페이지 속도가 플러그인을 사용하기 전보다 10 배 향상되었다고 말합니다.
사용자의 브라우저에 캐시 된 사이트 버전을 저장하고 일반 설정으로 이동하려면 브라우저 캐시를 선택하고 "사용"상자를 클릭합니다. 방문자의 캐시에 파일을 저장할 시간을 결정할 수 있습니다. 방문자의 캐시에 파일을 보관할 기간을 브라우저에 알리는 행을 추가하기 만하면됩니다.
  • CDN을 사용하고 있지 않습니다.
콘텐츠 전송 네트워크를 사용하면 여러 전략적 위치에 위치한 여러 서버에 웹 사이트의 사본을 저장할 수 있으므로 메인 서버에서 멀리 떨어진 사용자가 사이트에 액세스하려고 할 때 페이지가 빠르게로드 될 수 있습니다. 하나의 서버에서만 사이트를 호스팅하면 사이트의 모든 방문자가 동일한 서버로 요청을 보내므로 페이지 속도가 느려질 수 있으며, 이로 인해 사이트에 높은 수준의 트래픽이 생성되어 사용자의 요청을 처리하는 데 소요되는 시간이 증가하고 로딩 시간을 늦 춥니 다.
이 문제를 해결하려면 CDN을 사용하는 것이 가장 좋습니다. CDN을 사용하면 데이터를 다른 서버에 쉽게 캐시하고 너무 많은 요청으로 인해 메인 서버가 엉망이되는 것을 방지 할 수 있습니다. 즉, 사용자가 사이트에서 파일을 요청하면 브라우저가 가장 가까운 서버에서 파일을 다운로드 할 수 있습니다. Cloudflare 및 MaxCDN은 사용할 수있는 좋은 CDN 옵션입니다.
  • 최적화되지 않은 CSS
CSS (Cascading Style Sheet)는 사이트의 모양과 많은 관련이 있습니다. 사이트의 글꼴 크기, 색상, 메뉴, 머리글, 바닥 글 및 웹 페이지 모양에 대한 기타 세부 정보에 대한 브라우저 지침을 제공합니다. CSS 파일은 코드 줄이 너무 많아 매우 길 수 있습니다. 이렇게하면 페이지로드 속도가 크게 감소 할 수 있습니다.
이미지 스프라이트를 사용하여 모든 이미지를 하나의 큰 파일로 결합하여 CSS를 최적화 할 수 있습니다. 또 다른 팁은 CSS 파일을 공백을 줄인 새 파일로 압축하는 것입니다. CSS Nano와 같은 CSS 축소기를 사용하여이 작업을 수행 할 수 있습니다. CSS 파일과 코드를 감사하고 불필요한 파일이나 중복을 제거하십시오.
  • 어수선한 홈페이지
웹 사이트가 매우 느리게로드된다면 아마도 홈페이지와 웹 사이트의 전체 페이지에 걸쳐 쌓인 혼란스러운 양을 간과했기 때문일 것입니다.

많은 웹 개발자가 사이트 방문자에게 인상적인 첫인상을주기 위해 다양한 멋진 이미지, 위젯 및 콘텐츠로 홈페이지를 가득 채 웁니다. 매력적인 프론트 페이지를 갖는 것은 좋은 일이지만, 다른 콘텐츠로 지나치게 복잡해지면 사이트 로딩 시간에 부정적인 영향을 미칠 수 있습니다.
홈페이지에 요소가 많을수록로드하는 데 더 많은 시간이 걸립니다. 항상 단순하게 유지하는 것이 좋습니다. 기본 사항을 고수하고 홈페이지에서 불필요한 요소를 모두 제거하고 사이트의 모든 페이지를 스캔하고 정리하여 사이트로드 속도를 높이십시오.

  • 부정한 코딩
웹 사이트가 과도한 공백, 인라인 스타일이 비어있는 새 줄 및 불필요한 주석으로 가득 차 있다면, 그렇습니다. 웹 사이트 속도가 느려질 것입니다. 모든 웹 사이트는 많은 코드로 만들어집니다. 예를 들어 Google은 20 억 줄의 코드를 기반으로 구축되었습니다. 일부 웹 개발자는 주요 기능을 수행하지 않는 과도한 코드 줄이있는 웹 사이트를 만듭니다. 이러한 조밀하고 광범위한 코드는 웹 사이트의 로딩 속도를 늦출 수 있습니다.

이 문제에 대한 해결책은 여분의 공백, 빈 줄 바꿈 및 불필요한 주석과 같은 불필요한 요소를 코드에서 모두 제거하는 것입니다. 코드를 정리하는 데 사용할 수있는 많은 도구가 있습니다. 마크 업은 이러한 목적으로 사용할 수있는 놀라운 도구입니다. 다음과 같은 숙련 된 웹 개발자와 함께 작업 할 수도 있습니다. Semalt 사이트가 잘 코딩되었는지 확인합니다.

3. 결론

모든 웹 사이트는 가능한 최고 속도로 최적화되어야하지만 느린 웹 사이트 로딩의 원인에 대한 적절한 지식 없이는이를 수행 할 수 없습니다. 웹 사이트가 매우 느리게로드 되더라도 당황하지 마십시오. 위에 나열된 요소를 지침으로 사용하여 지연 이유를 이해하고 각 요점에 언급 된 팁을 사용하여 수정하십시오.