웹페이지를 느리게 로드하는 숨겨진 요소 | 그들을 피하는 방법
게시 됨: 2019-12-28방문자 4명 중 1명은 로드하는 데 4초 이상 걸리고 사용자의 46%가 실적이 저조한 웹사이트를 다시 방문하지 않으면 웹사이트를 이탈한다는 사실을 알고 계십니까?
또한 연구에 따르면 로드 시간이 2초 추가되면 사이트 이탈률이 103% 증가할 수 있습니다. 100밀리초의 추가 로딩 시간으로 인해 전환율이 7% 감소할 수 있을 뿐만 아니라.
페이지 속도는 전체 사이트 성능의 성공에 중요한 역할을 합니다. 웹사이트의 수많은 중요한 측정항목에 영향을 미칩니다. 예를 들어, 귀하의 사이트 가시성과 귀하의 웹사이트의 전환율은 두 가지입니다.
전체 웹사이트의 속도를 최적화하는 것은 확실한 요구 사항이지만, 이를 가능하게 하는 방법을 알아내는 것은 까다로울 수 있습니다. 그렇기 때문에 이 글은 숨겨진 요소들을 찾아내고 그에 대한 적절한 해결책을 제시하는 것을 목적으로 한다.
다음 솔루션을 구현하기 전에 고품질 웹사이트 트래픽 추정기를 사용하여 웹사이트 트래픽을 추정하여 명확한 아이디어를 얻을 수 있습니다. 이제 본론으로 들어가겠습니다.
웹 페이지를 느리게 로드하는 요인
평가가 끝나면 사이트 성능의 현재 단계를 알 수 있습니다. 이제 문제를 찾은 후 사이트 속도에 영향을 미치는 핵심 요소를 최적화할 수 있습니다. 사이트를 느리게 만드는 주요 요인을 살펴보겠습니다.
1. JavaScript 차단 렌더링
JavaScript는 웹 페이지를 기능적이고 인터랙티브하게 만드는 데 사용되지만 이는 문제로 나타날 수도 있습니다. 최적화되지 않은 JavaScript는 페이지 로딩 용량을 감소시킬 수 있습니다.
렌더링은 로드를 의미하고 렌더링 차단은 페이지가 가능한 한 빨리 로드되지 않도록 유지하는 것을 의미합니다. 브라우저가 웹 페이지를 표시하려고 하면 중지해야 합니다. 이 경우 로드할 JavaScript 파일이 있으면 페이지가 빠르게 로드되지 않습니다.
이를 '렌더링 차단 자바스크립트', 즉 페이지 로딩 속도를 높이는 자바스크립트라고 합니다.
피하는 방법 :
렌더링 차단 JavaScript를 제거하려면 외부 JS 파일을 제거하고 인라인 JavaScript를 대신 사용하십시오. JavaScript JS가 페이지 속도를 방해하지 않고 별도로 로드할 수 있도록 비동기 로드를 사용합니다. 페이지의 나머지 부분이 사용자에게 표시될 때까지 JS 로딩에서 defer 속성을 사용할 수도 있습니다.
2. 콘텐츠 전송 네트워크(CDN)를 사용하지 않음
CDN(콘텐츠 전송 네트워크)은 서로 다른 지리적 위치에 있는 여러 서버로 구성됩니다. CDN을 사용하여 사이트 데이터 사본을 저장할 수 있으며 데이터는 가장 가까운 서버의 사용자를 위해 로드됩니다.
피하는 방법 :
WordPress에서는 번거로움 없이 문제를 해결할 수 있습니다. 이번에는 Cloudflare, MaxCDN과 같은 여러 고품질 플러그인을 얻을 수 있으며 이미지 및 비디오에는 Jetpack CDN을 사용할 수 있습니다. 또한 웹 사이트에서 jQuery를 사용하는 경우 서버를 사용하지 않고도 CDN을 사용할 수 있습니다.
3. 최적화되지 않은 이미지
이미지 크기와 형식이 가장 중요합니다. 크고 최적화되지 않은 이미지는 웹사이트 속도를 늦추는 주요 원인 중 하나입니다. 또한 고해상도 이미지는 웹 사이트의 많은 대역폭을 소비할 수 있습니다.
이미지 형식은 사이트 속도를 낮추는 또 다른 중요한 요소입니다. 예를 들어 JPEG 또는 JPG는 PNG 또는 GIF와 같은 다른 형식보다 크기가 훨씬 작습니다. 이것이 더 빠른 사용자 경험을 위해 사이트에서 JPEG 형식을 사용하는 이유입니다.
피하는 방법
문제를 해결하려면 웹사이트에 업로드하기 전에 사이트 이미지의 파일 크기를 확인하세요. 최적화되지 않은 이미지는 대역폭 적용에 비용이 많이 들 수 있으므로 제거하십시오. PNG 대신 JPEG를 사용하는 것이 좋은 해결책이 될 수 있습니다. 또한 폭포수 테스트를 사용하여 이미지 크기를 스캔하여 완벽함을 확인할 수 있습니다.
4. 지나치게 화려한 콘텐츠
화려한 콘텐츠를 사용하여 사용자 간의 상호 작용을 높일 수 있지만 때로는 웹 페이지 속도를 늦추는 원인이 될 수 있습니다. 사이트의 빠른 로딩을 방해하는 크기가 크기 때문에 그 뒤에 있는 주된 이유입니다.
피하는 방법 :
균형 잡힌 방식으로 플래시 콘텐츠를 줄일 수 있으며 이렇게 하면 사이트 속도가 향상됩니다. 그러나 HTML5 대안을 찾고 기존 Flash 콘텐츠를 로딩 경험을 위해 이것으로 교체해야 합니다.
5. 수많은 HTTP 요청
JavaScript, CSS 및 이미지 파일의 로드가 너무 많으면 너무 많은 HTTP 요청이 생성될 수 있습니다. 사용자가 웹사이트를 사용하여 데이터 요청을 보낼 때 HTTP 요청이 너무 많으면 일반적으로 데이터를 렌더링하는 데 시간이 걸립니다.
피하는 방법 :
문제를 해결하기 위해 Sprite를 사용하여 HTTP 요청을 줄일 수 있습니다. 가능하면 이미지 파일의 수를 줄이십시오. CSS 및 JavaScript 파일도 축소할 수 있습니다.
6. 경량 플러그인 및 테마 사용
테마는 모든 웹사이트의 핵심 구성 요소이지만 목적에 맞는 테마를 선택하지 않으면 부담이 될 수 있습니다. 시장에는 수많은 테마가 있습니다. 모든 테마가 동일한 품질을 유지하지 않습니다. 정리되지 않은 방식으로 코딩된 테마는 느린 로딩 문제를 일으킬 수 있습니다.
플러그인은 특정 웹사이트에 다양한 기능을 추가하는 데 사용됩니다. 문의 양식 작성기, WordPress 테이블 플러그인, SEO용 플러그인 등과 같은 다양한 종류의 플러그인을 사용해야 할 수도 있습니다. 이것은 꽤 좋은 일이지만 웹 사이트에 로드하는 데 시간이 걸리면 번거로워집니다. 적절하게 코딩되지 않은 플러그인은 느린 로딩 문제를 일으킬 수 있습니다.
피하는 방법 :
이 문제를 없애기 위해서는 가벼운 품질의 테마와 플러그인을 선택하려고 할 때 사용하는 것이 현명합니다. 고품질 WordPress 테마와 플러그인을 많이 얻을 수 있지만 신중하게 인정해야 합니다.
7. 데이터베이스의 오버헤드
데이터베이스가 일시적인 항목, 로그 및 시간이 지남에 따라 생성될 수 있는 플러그인 및 테마의 기타 항목과 같은 관련 없는 항목으로 가득 찬 경우. 이러한 유형의 너무 많은 오버헤드는 필요한 것보다 더 많은 데이터베이스를 사용합니다.
때로는 데이터베이스의 응답을 기다리는 동안 웹 서버가 시간 초과될 수 있습니다.
피하는 방법 :
오버헤드 제거를 통한 데이터베이스 최적화는 이 문제를 해결하는 훌륭한 솔루션이 될 수 있습니다. 이 경우 대부분의 웹 호스트는 phpMyAdmin을 사용하여 데이터베이스에 대한 액세스를 제공합니다. phpMyAdmin 사용에 익숙하지 않은 경우 WordPress 명령줄 인터페이스 (WP-CLI)를 사용할 수 있습니다.
8. 부피가 큰 코딩
코드를 더 많이 사용하여 애플리케이션을 실행할수록 웹사이트를 로드하는 데 더 오래 걸립니다. 즉, 코딩 구조에 문자 및 공백과 같은 불필요한 요소가 포함되어 있으면 전체 웹 사이트를 로드하는 데 시간이 걸립니다.
피하는 방법 :
불필요한 요소를 제거하여 사용 중인 코드를 최소화합니다. 수동으로 축소하는 데 문제가 있는 경우 최적화와 같은 품질 플러그인을 사용하여 모든 파일을 최소화할 수 있습니다. 인라인 CSS 사용에 게으르지 마십시오.
9. 너무 많은 광고 표시
광고를 표시하는 것이 트래픽이 많은 웹사이트에서 수익을 창출하는 좋은 방법이라는 것은 사실입니다. 로딩 속도가 빠른 웹사이트에 문제가 발생할 수 있습니다. 예를 들어, 팝언더 광고, 전면 광고 및 자동 다운로드와 같은 리치 미디어 광고는 수백 개의 HTTP 요청을 생성하여 웹사이트가 응답하지 않을 수 있습니다.
피하는 방법 :
우선, 너무 많은 광고가 웹사이트 속도를 저하시키는 또 다른 원인이 되지 않도록 하십시오. 웹사이트의 더 나은 성능을 보장하기 위해 디스플레이 광고의 수를 제한했는지 확인하십시오.
10. 캐싱 기술 사용 부족
캐싱은 사용자가 웹사이트를 탐색할 때 브라우저가 정적 복사본을 저장하는 것을 의미합니다. 그런 다음 사용자가 사이트에 다시 액세스하면 브라우저에서 캐시 데이터를 다시 로드하지 않고도 표시할 수 있습니다. 캐시 데이터가 너무 많으면 웹사이트가 느려지는 원인 중 하나가 될 수 있습니다.
피하는 방법 :
WordPress에는 시장에서 캐싱 문제를 처리하기 위한 여러 가지 확실한 솔루션이 있습니다. 또한 HTTP, 데이터베이스 쿼리 등과 같은 몇 가지 중요한 사항을 캐시할 수 있지만 엉망이 되지는 않습니다.
마지막 단어
로딩 속도가 빠른 웹사이트는 웹사이트의 더 나은 UX를 유지하는 데 매우 중요합니다. 웹사이트의 응답 시간은 웹사이트의 성공과 실패와 밀접한 관련이 있기 때문입니다. 가장 중요한 것은 사운드 페이지 속도는 위에서 언급한 다양한 요소에 의존한다는 것입니다.
웹사이트가 느려지는 이유를 정확히 찾기는 어렵지만 가능한 모든 단계를 측정하고 조치를 취하는 것이 매우 필요합니다. 더 나은 유용성과 더 높은 전환율을 보장하기 위해 SEO 및 UX를 향상시킬 수 있는 지연 로드 시간이 사이트에 있는지 확인해야 합니다.
결론
소비자 결정의 95%는 잠재의식 수준에서 이루어진다.
Gerald Zaltman's – 하버드 경영대학원 교수
따라서 웹 페이지가 충분히 빠르지 않으면 다른 모든 것이 궁극적으로 어려움을 겪을 것입니다. 매초가 중요하고 매 밀리초가 큰 차이를 만들 수 있다는 것을 알지 못합니다. 위에서 언급한 측면을 따르면 최상의 방법으로 속도를 높이기 위해 웹사이트를 최적화할 수 있습니다.
이 기사가 사이트를 느리게 만드는 요인과 이를 정확하게 수정하는 방법을 이해하는 데 도움이 되었기를 바랍니다. 아직 공유할 내용이 있으면 댓글 상자에 알려주십시오.
YouTube 채널을 구독하지 않은 경우 YouTube 채널을 구독하여 WordPress 관련 팁과 요령을 얻으십시오. 또한 Twitter와 Facebook에서 우리를 팔로우하십시오. Facebook에서 인기 있는 Fluent Form 커뮤니티에 가입할 수도 있습니다.