웹사이트가 느리게 실행되는 10가지 이유
게시 됨: 2022-04-11느리게 실행되는 웹사이트의 속도는 느리게 실행되는 웹사이트의 성공에 중요한 역할을 합니다. 사이트의 가시성 및 전환율을 비롯한 다양한 요인에 영향을 미칩니다. 느리게 실행되는 웹 사이트는 누구나 원하는 마지막 것입니다.
웹사이트 속도가 중요한 이유는 무엇입니까?
요즘 사용자들은 웹사이트가 빠르기를 기대합니다. 웹 사이트를 로드하는 데 시간이 오래 걸리면 사용자 경험에 큰 영향을 미칩니다.
몇 분의 1초도 엄청난 차이를 만들어내므로 사이트 성능을 최적화하는 것이 매우 중요합니다.
느리게 실행되는 웹사이트의 성공으로 속도를 무시할 수 없습니다. 압도당하는 느낌이 든다면 테스트를 통해 현재 사이트의 위치를 확인하는 것이 현명합니다. 많은 시간 테스트를 실행하여 사용자가 대기하는 시간을 확인한 다음 해당 숫자를 줄이는 작업을 시작할 수 있습니다.
웹사이트가 느리게 실행되는 10가지 이유
1. 데이터베이스에 과도한 오버헤드가 있습니다.
"오버헤드"는 웹사이트 데이터베이스에 있는 관련 없는 항목을 말합니다. 로그, 일시적인 항목 및 시간이 지남에 따라 빌드되는 플러그인 또는 테마의 기타 항목입니다. 이 "오버헤드"가 너무 많으면 데이터베이스 쿼리가 필요 이상으로 오래 걸릴 수 있습니다. 어떤 경우에는 데이터베이스의 응답을 기다리는 동안 웹 서버가 시간 초과될 수도 있습니다.
오버헤드를 제거하여 데이터를 최적화하면 이를 방지하는 데 도움이 됩니다. 대부분의 웹 호스트에서는 호스팅 계정을 통해 데이터베이스 관리 플랫폼인 phpMyAdmin에 액세스할 수 있습니다. phpMyAdmin에서 테이블을 최적화할 수 없는 경우 WordPress 명령줄 인터페이스(WP-CLI)를 사용할 수 있습니다.
2. 사이트 CSS가 최적화되지 않았습니다.
JavaScript와 마찬가지로 사이트의 CSS(페이지 스타일 지정을 담당하는 코드는 최적화되지 않은 상태로 두면 로드가 지연될 수 있습니다. 다음은 CSS를 구체화하기 위해 구현할 수 있는 몇 가지 솔루션입니다.
- 외부 CSS 파일이 여러 개인 경우 하나 또는 몇 개의 파일로 결합합니다.
- 외부 CSS를 제거하고 대신 인라인 CSS를 사용하십시오.
- "미디어 유형"을 사용하여 특정 CSS 파일을 로드해야 하는 시기를 지정합니다.
인라인 JavaScript와 마찬가지로 인라인 CSS는 코드의 작은 부분에만 유용합니다. 여러 개의 큰 CSS 파일이 있는 경우 모든 파일을 HTML 파일에 추가하려고 해서는 안 됩니다. 미디어 유형을 지정하고 외부 CSS 파일을 결합하면 더 큰 영향을 미칩니다.
3. 렌더링 차단 Javascript로 인해 페이지 로드가 지연됨
JavaScript는 웹사이트를 사용자에게 기능적이고 대화형으로 만드는 코드입니다. 그것 없이는 귀하의 사이트가 지루할 것입니다. 그러나 최적화되지 않은 상태로 두면 JavaScript가 사용자의 브라우저에서 페이지를 로드하려고 할 때 페이지를 지연시킬 수 있습니다.
브라우저가 웹 페이지를 표시하려고 할 때 먼저 만나는 모든 JavaScript 파일을 중지하고 완전히 로드해야 합니다. 그 결과 페이지가 빠르게 로드되지 않도록 하는 "렌더링 차단 JavaScript" 또는 JavaScript가 발생합니다.
렌더링 차단 JavaScript를 처리하기 위한 세 가지 솔루션이 있습니다.
- 외부 JavaScript 파일을 제거하고 대신 인라인 JavaScript를 사용하십시오.
- JavaScript가 페이지의 나머지 부분과 별도로 로드될 수 있도록 비동기 로드를 사용합니다.
- 페이지의 나머지 부분이 사용자에게 표시될 때까지 JavaScript 로드를 연기합니다.
각 방법에는 장단점이 있습니다. 일반적으로 인라인 JavaScript는 드물게 사용할 때만 페이지 속도를 향상시킵니다. 비동기식 로드는 파일이 특정 순서로 로드되지 않기 때문에 문제를 일으킬 수 있습니다. 따라서 JavaScript를 연기하는 것이 일반적으로 권장되는 방법입니다.
4. 콘텐츠 전송 네트워크(CDN)를 사용하지 않는 경우
CDN(콘텐츠 전송 네트워크)은 전략적 지리적 위치에 배치된 여러 서버로 구성됩니다. 메인 서버에서 멀리 떨어져 있는 사용자가 페이지를 빠르게 로드할 수 있도록 웹사이트 사본을 저장할 수 있습니다.
WordPress 사이트에는 여러 가지 CDN 옵션이 있습니다. Cloudflare는 이미지 및 비디오용 Jetpack CDN과 마찬가지로 가장 인기 있는 솔루션 중 하나입니다. DreamPress Plus 및 Pro 플랜 고객의 경우 Jetpack에서 제공하는 무제한 CDN 사용이 제공됩니다.
또한 느리게 실행되는 웹 사이트에서 jQuery를 사용하는 경우 웹 서버 대신 CDN에서 로드할 수 있습니다. jQuery는 동일한 결과를 달성하기 위해 JavaScript보다 훨씬 적은 코드 줄을 사용하므로 사이트 속도를 높이는 데 특히 유용할 수 있습니다. Google과 Microsoft는 가장 인기 있는 두 가지 jQuery CDN 옵션입니다.
5. 대용량 미디어로 인해 로드 시간이 늘어남
이미지 및 비디오와 같은 미디어 파일은 상당히 큰 경향이 있습니다. 압축을 통해 최적화하면 크기를 줄여 로딩 시간을 개선하는 데 도움이 될 수 있습니다.
TinyPNG는 이미지를 압축하는 무료 온라인 도구입니다. Smush 이미지 압축 및 최적화를 포함하여 WordPress 내에서 미디어 파일을 압축하는 데 사용할 수 있는 여러 플러그인도 있습니다.
6. 웹사이트 코드가 너무 크다
사용자의 웹 브라우저에 로드해야 하는 코드가 많을수록 웹사이트가 표시되는 데 더 오래 걸립니다. 코드가 너무 "거대"하거나 중요하지 않은 문자와 줄 바꿈이 포함된 경우 사이트 속도가 느려질 수 있습니다. 이에 대한 응답으로 필요하지 않은 요소를 제거하여 해당 코드를 "축소"할 수 있습니다.
이 작업을 수행하기 위한 두 가지 인기 있는 플러그인이 있습니다. 자동 최적화는 CSS를 인라인하고 JavaScript 파일을 최적화하는 것 외에도 코드를 최소화합니다. 또한 WP Super Cache와도 잘 통합됩니다.
7. 누락된 파일로 인해 오류가 발생합니다.
경우에 따라 WordPress 설치에 파일이 누락될 수 있습니다. 이 경우 파일을 찾기 위해 추가 요청이 이루어지기 때문에 사용자는 로딩 시간이 길어집니다. 이 프로세스는 파일을 찾을 수 없으면 결국 404 오류가 발생합니다.
이 문제의 원인은 다양하고 많습니다. 문제의 원인을 추적하는 대신 가장 빠른 해결책은 가장 최근 백업에서 사이트를 복원하는 것입니다. 이렇게 하면 누락된 파일이 백업에 저장된 버전으로 바뀝니다.
8. 특정 사용자의 원활한 성능을 방해하는 인터넷 문제
마지막으로, 웹사이트 성능 저하의 원인은 사이트 자체가 아니라 사용자의 ISP(인터넷 서비스 공급자) 문제일 수도 있습니다. 느린 사이트 속도는 네트워크 정체, 대역폭 제한, 제한, 데이터 식별 및 필터링 또는 콘텐츠 필터링으로 인해 발생할 수 있습니다. . 이렇게 하면 문제가 ISP와 관련이 있는지 아니면 사이트 전체에 더 중요한 문제인지에 대한 아이디어를 얻을 수 있습니다.
9. Opcache가 활성화되지 않음
OPcache는 PHP 코딩 언어를 위한 내장 캐싱 엔진입니다. 사이트에서 PHP를 사용하는 경우 OPcache를 활성화하면 로드 및 결과적으로 페이지 로드 속도를 높일 수 있습니다.
10. 잘못 작성된 스크립트가 다른 웹사이트의 요소와 충돌합니다.
잘못 작성된 JavaScript는 때때로 사이트의 다른 부분과 호환성 문제를 일으켜 로드 시간이 길어질 수 있습니다. Pingdom, Web Page Test 및 GTmetrix와 같은 도구를 사용하여 속도 테스트를 실행하면 로드하는 데 시간이 오래 걸리는 스크립트를 종종 지적할 수 있습니다.
그런 다음 이러한 파일을 더 자세히 조사하여 개선할 수 있는 방법을 이해할 수 있습니다. 잠재적으로 문제가 될 수 있는 스크립트를 일시적으로 꺼서 활성화하지 않은 상태에서 성능 점수가 어떻게 변하는지 확인하는 것도 유용할 수 있습니다.