정적 WordPress 웹 사이트를 구축할 수 있습니까?
게시 됨: 2022-08-10WordPress 웹 사이트를 단순화하고 싶으십니까? 동적 웹사이트가 너무 느리거나 필요하지 않은 백엔드가 많다는 것을 깨달았을 수도 있습니다.
이러한 문제를 해결하기 위해 웹사이트의 정적 버전을 생성할 수 있습니다. 이것은 성능과 보안을 향상시키는 데 도움이 될 수 있습니다. 모든 사용 사례에 대해 정적 사이트를 권장하지는 않지만 자주 업데이트할 필요가 없는 소규모 웹 사이트에는 좋은 옵션이 될 수 있습니다.
이 게시물에서는 정적 웹사이트와 동적 웹사이트의 차이점에 대해 논의하는 것으로 시작하겠습니다. 그런 다음 정적 WordPress 웹 사이트를 구축하는 세 가지 방법을 보여 드리겠습니다. 가자!
동적 웹사이트와 정적 웹사이트 소개
먼저 동적 웹 사이트와 정적 웹 사이트의 주요 차이점을 살펴보겠습니다.
동적 웹사이트
다이내믹한 웹사이트는 다양한 방문자에게 다양한 콘텐츠를 제공하여 사용자의 실시간 요구 사항에 더욱 맞춤화할 수 있습니다. 표시되는 내용은 사용자의 위치, 설정 및 기본 설정 또는 사이트에서 수행한 작업에 따라 달라질 수 있습니다.
어느 쪽이든 더 맞춤화되고 개인화된 사용자 경험(UX)을 제공합니다. 예를 들어 전자 상거래 상점은 이전 구매를 기반으로 고객에게 제품을 제안할 수 있습니다.

정적 웹사이트가 하는 방식으로 HTML 파일을 단순히 저장하고 표시하는 대신 동적 사이트는 HTML, CSS, JavaScript 및 서버 측 스크립팅 언어를 사용하여 페이지를 구축합니다. 사용자가 페이지를 요청하면 서버는 데이터베이스에서 정보를 가져와 각 방문자에 대한 HTML 파일을 구성합니다.
HTML 파일이 준비되지 않고 정적 웹사이트에 있는 것처럼 대기 중이기 때문에 이러한 요청을 처리하는 데 시간이 더 오래 걸립니다. 이로 인해 성능 문제가 발생하고 동적 웹 사이트의 로딩 시간이 느려질 수 있습니다. 동시에 관련된 많은 이점은 방문하는 웹 사이트의 대부분이 동적임을 의미합니다.
정적 웹사이트
사용자가 정적 웹사이트에 도착하면 일부 스타일 시트 및 스크립트와 함께 단일 HTML 파일을 받습니다. 이러한 정보는 정보가 요청될 때 저장되고 사용자에게 전달됩니다. 즉, 페이지는 사이트를 방문하는 모든 사용자에게 정확히 동일하게 표시되며 HTML 파일을 수정하는 프로그래머만 변경할 수 있습니다.
그러나 정적 웹 사이트는 여전히 동적 웹 사이트에서 사용하는 것과 동일한 많은 요소를 통해 사용자에게 대화형 및 매력적인 경험을 제공할 수 있습니다. 예를 들어, 정적 사이트에는 여전히 링크, 버튼, 미디어, 디지털 다운로드 및 JavaScript가 포함될 수 있습니다.
정적 디자인은 정보 제공 사이트 또는 4페이지 미만으로 구성된 사이트와 같이 개인화된 콘텐츠가 필요하지 않고 자주 업데이트할 필요가 없는 사이트에 특히 적합합니다. 따라서 이력서 웹 사이트, 브로셔 웹 사이트 및 읽기 전용 방문 페이지(예: "출시 예정" 페이지)에 탁월한 선택입니다.
귀하의 요구에 적합한 웹사이트 유형 결정하기
이제 기본 사항을 다루었으므로 정적 및 동적 웹 사이트 사용의 장점과 단점을 살펴보겠습니다.
동적 웹사이트의 장단점
동적 웹 사이트는 완전한 개인화를 제공하므로 각 사용자에 맞게 콘텐츠를 조정할 수 있습니다. 또한 동적 코드는 훨씬 더 강력하며 더 많은 기능을 제공합니다. 예를 들어 동적 코드를 사용하여 정적 웹사이트에서는 불가능한 웹 애플리케이션 및 소프트웨어를 구축할 수 있습니다.
또한 웹사이트를 쉽게 변경할 수 있으므로 블로그와 같이 정기적으로 업데이트되는 사이트에 동적 디자인을 권장합니다. 전자 상거래 상점 및 스트리밍 서비스와 같이 많은 사용자 상호 작용이 필요한 웹 사이트에도 적합합니다.

반면 동적 웹 사이트는 정적 사이트보다 복잡합니다. 따라서 처음부터 설정하려면 더 많은 시간과 노력과 약간의 기술이 필요할 수 있습니다. 그러나 개발자를 고용하여 사이트를 설정하거나 WordPress와 같은 콘텐츠 관리 시스템(CMS)을 사용할 수 있습니다.
동적 사이트의 가장 큰 단점은 백엔드에서 더 많은 처리가 필요하므로 로딩 시간이 느려질 수 있다는 것입니다. 이는 UX를 손상시킬 뿐만 아니라 검색 순위에 영향을 미치는 TOS(Time On Site)를 줄이고 이탈률을 높일 수 있습니다. 다행히도 사이트를 빠르게 운영할 수 있는 쉬운 방법이 많이 있습니다.
정적 웹사이트의 장단점
정적 웹사이트는 페이지가 이미 구축 및 저장되어 사용자가 액세스하기를 기다리기 때문에 매우 빠른 로딩 시간을 제공합니다. 빠른 로딩 시간은 UX에 좋은 소식이며 검색 엔진 위치를 높이는 데 도움이 될 수 있습니다.
일반적으로 정적 웹 사이트는 구축 및 유지 관리가 쉽고 코딩 지식이 거의 필요하지 않습니다. 사이트를 처음부터 구축하는 경우 HTML 및 CSS에 대한 약간의 친숙함이 유용할 수 있습니다. 그러나 웹 사이트 빌더 및 CMS를 사용하여 많은 기술적 노하우 없이도 정적 사이트를 설정할 수 있습니다.
따라서 정적 웹 사이트는 기본 웹 사이트를 가능한 한 빠르고 쉽게 시작하려는 비즈니스에 탁월한 선택입니다. 해킹할 플러그인, PHP 및 데이터베이스 연결이 없기 때문에 정적 웹사이트에서도 보안이 더욱 강화될 수 있습니다.
예를 들어 소프트웨어 회사인 Rookout은 보안을 강화하고 서버 부하를 줄이기 위해 정적 사이트를 사용합니다.

정적 웹 사이트를 만드는 주요 제한 사항은 확장성과 관련이 있습니다. 사이트 전체의 변경을 수행하는 것은 어렵고 시간이 많이 소요될 수 있습니다. 예를 들어 헤더를 수정하거나 사이트에 새 페이지를 추가하기로 결정한 경우 개별 HTML 파일을 변경하거나 새 파일을 만들어야 합니다.
이것은 페이지가 몇 개 이상 있는 웹사이트를 성장시키는 데 실용적이지 않은 경우가 많습니다. 전자 상거래 상점과 같이 정적 디자인에 적합하지 않은 특정 유형의 웹사이트도 있습니다. 일부 기능(예: 체크아웃)을 사용하려면 많은 타사 도구가 필요하기 때문입니다. 이는 웹사이트에 부담을 주어 성능 및 속도 문제를 일으킬 수 있습니다.
정적 WordPress 웹 사이트를 만드는 방법(3가지 방법)
정적 사이트가 귀하의 요구에 적합하다고 판단되면 사이트를 만드는 방법을 알아야 합니다. 이를 수행하는 몇 가지 방법이 있습니다. 마무리하기 전에 정적 WordPress 웹 사이트를 구축하는 세 가지 방법을 살펴보겠습니다.

1. 정적 홈 페이지 만들기
정적 웹사이트처럼 작동하는 것을 구축하는 가장 쉬운 방법은 단일 정적 페이지를 WordPress 홈 페이지로 설정하는 것입니다. 빠르고 간단한 한 페이지 사이트를 만들려는 경우에 이상적입니다.
WordPress 대시보드에서 페이지 > 새로 추가 로 이동합니다.

제목과 원하는 콘텐츠를 추가하여 평소와 같이 페이지를 만듭니다(동적 요소는 포함하지 않음). 그런 다음 게시 를 클릭합니다.

설정 > 읽기 로 이동합니다. 그런 다음 홈페이지 표시 아래에서 정적 페이지 확인란을 선택합니다. 홈페이지 옆에 있는 드롭다운 상자를 사용하여 생성한 새 페이지를 선택하고 변경 사항을 저장합니다.

이제 정적 페이지를 만들고 이를 홈 페이지로 설정했습니다. 이것은 '진정한' 정적 사이트는 아니지만 읽기 전용 방문 페이지를 만들려는 경우 잘 작동할 수 있습니다.
2. WordPress 웹사이트의 정적 버전 생성
정적으로 만들고 싶은 웹사이트가 이미 있다면 Simply Static과 같은 플러그인을 사용할 수 있습니다. 이것은 동적 사이트를 계속 실행하고 정적 버전을 생성하려는 경우에 좋은 옵션입니다. 선택한 전달 방법에 따라 정적 웹사이트가 포함된 파일을 받거나 사이트의 정적 버전이 지정된 서버 경로로 전송됩니다.
WordPress 대시보드에서 플러그인 > 새로 추가 로 이동합니다. "Simply Static"을 검색한 다음 지금 설치 및 활성화 를 클릭합니다.

사이드바에서 Simply Static > 설정 으로 이동합니다. 대부분의 경우 모든 설정을 기본 수준으로 둘 수 있습니다. 그러나 여기에 URL을 수동으로 포함/제외할 수도 있습니다(예: 특정 페이지를 사이트의 정적 버전에서 제외하려는 경우).

다음으로 Simply Static > Generate 로 이동하여 정적 파일 생성 을 클릭합니다.

제공된 링크를 사용하여 .zip 파일을 다운로드합니다. 사이트가 정적 버전을 찾으려는 도메인을 점유하는 경우 일반 WordPress 웹사이트를 다른 하위 도메인으로 마이그레이션해야 합니다. 사이트를 다른 서버로 가져갈 계획이라면 .zip 파일을 사용하여 수행할 수 있습니다.
3. 헤드리스 WordPress 호스팅 사용
헤드리스 개발은 웹사이트의 백 엔드를 프런트 엔드에서 분리하여 프런트 엔드에 API(응용 프로그래밍 인터페이스)를 사용하면서 CMS를 사용하여 콘텐츠를 빌드할 수 있도록 합니다. 사용자가 웹사이트의 정적 버전을 온라인으로 보도록 하고 싶지만 WordPress 관리 영역에 액세스하여 콘텐츠를 변경하려는 경우 이 옵션을 권장합니다.
이것은 가장 복잡한 방법이며 약간의 기술 전문 지식이 필요합니다. 그러나 더 큰 유연성과 제어로 사이트를 관리할 수 있습니다. 예를 들어 동일한 백엔드에서 Android 및 iOS 플랫폼으로 콘텐츠를 제공하려는 개발자에게 좋은 옵션이 될 수 있습니다. JavaScript 프레임워크를 사용하는 사이트/앱에도 좋은 선택입니다.
시작하려면 WP 엔진과 같은 헤드리스 WordPress 호스팅을 제공하는 공급자를 찾고 싶을 것입니다.

헤드리스 백엔드(WordPress 및 PHP를 지원해야 함)용 호스트와 사이트 프론트 엔드용 호스트의 두 개의 별도 호스트가 필요할 수 있습니다. WordPress와 WP Engine을 함께 사용하면 정적 및 동적 헤드리스 웹사이트를 구축하고 관리할 수 있습니다.
결론
동적 웹사이트가 너무 느리거나 백엔드를 완전히 활용하지 못하는 경우 정적 WordPress 웹사이트로 전환하는 것을 고려할 수 있습니다. 이렇게 하면 사이트를 간소화하여 성능과 보안을 개선할 수 있습니다.
요약하자면 정적 WordPress 웹 사이트를 만드는 세 가지 방법은 다음과 같습니다.
- WordPress 대시보드에 정적 홈 페이지를 만듭니다.
- Simply Static과 같은 플러그인을 사용하여 사이트의 정적 버전을 생성하십시오.
- WP 엔진과 같은 헤드리스 WordPress 호스팅 공급자를 사용합니다.
정적 WordPress 웹 사이트 구축에 대해 질문이 있습니까? 아래 의견 섹션에서 알려주십시오!