정적 WordPress 웹 사이트를 구축할 수 있습니까?

게시 됨: 2022-08-10

WordPress 웹 사이트를 단순화하고 싶으십니까? 동적 웹사이트가 너무 느리거나 필요하지 않은 백엔드가 많다는 것을 깨달았을 수도 있습니다.

이러한 문제를 해결하기 위해 웹사이트의 정적 버전을 생성할 수 있습니다. 이것은 성능과 보안을 향상시키는 데 도움이 될 수 있습니다. 모든 사용 사례에 대해 정적 사이트를 권장하지는 않지만 자주 업데이트할 필요가 없는 소규모 웹 사이트에는 좋은 옵션이 될 수 있습니다.

이 게시물에서는 정적 웹사이트와 동적 웹사이트의 차이점에 대해 논의하는 것으로 시작하겠습니다. 그런 다음 정적 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 대시보드에서 페이지 > 새로 추가 로 이동합니다.

WordPress에 새 페이지 추가

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

WordPress에서 새 페이지 생성 및 게시

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

WordPress에서 페이지를 정적 홈페이지로 설정

이제 정적 페이지를 만들고 이를 홈 페이지로 설정했습니다. 이것은 '진정한' 정적 사이트는 아니지만 읽기 전용 방문 페이지를 만들려는 경우 잘 작동할 수 있습니다.

2. WordPress 웹사이트의 정적 버전 생성

정적으로 만들고 싶은 웹사이트가 이미 있다면 Simply Static과 같은 플러그인을 사용할 수 있습니다. 이것은 동적 사이트를 계속 실행하고 정적 버전을 생성하려는 경우에 좋은 옵션입니다. 선택한 전달 방법에 따라 정적 웹사이트가 포함된 파일을 받거나 사이트의 정적 버전이 지정된 서버 경로로 전송됩니다.

WordPress 대시보드에서 플러그인 > 새로 추가 로 이동합니다. "Simply Static"을 검색한 다음 지금 설치활성화 를 클릭합니다.

WordPress의 단순히 정적 플러그인

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

Simply Static 설정에 URL 포함/제외

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

Simply Static 플러그인을 사용하여 WordPress 사이트에서 정적 파일 생성.

제공된 링크를 사용하여 .zip 파일을 다운로드합니다. 사이트가 정적 버전을 찾으려는 도메인을 점유하는 경우 일반 WordPress 웹사이트를 다른 하위 도메인으로 마이그레이션해야 합니다. 사이트를 다른 서버로 가져갈 계획이라면 .zip 파일을 사용하여 수행할 수 있습니다.

3. 헤드리스 WordPress 호스팅 사용

헤드리스 개발은 웹사이트의 백 엔드를 프런트 엔드에서 분리하여 프런트 엔드에 API(응용 프로그래밍 인터페이스)를 사용하면서 CMS를 사용하여 콘텐츠를 빌드할 수 있도록 합니다. 사용자가 웹사이트의 정적 버전을 온라인으로 보도록 하고 싶지만 WordPress 관리 영역에 액세스하여 콘텐츠를 변경하려는 경우 이 옵션을 권장합니다.

이것은 가장 복잡한 방법이며 약간의 기술 전문 지식이 필요합니다. 그러나 더 큰 유연성과 제어로 사이트를 관리할 수 있습니다. 예를 들어 동일한 백엔드에서 Android 및 iOS 플랫폼으로 콘텐츠를 제공하려는 개발자에게 좋은 옵션이 될 수 있습니다. JavaScript 프레임워크를 사용하는 사이트/앱에도 좋은 선택입니다.

시작하려면 WP 엔진과 같은 헤드리스 WordPress 호스팅을 제공하는 공급자를 찾고 싶을 것입니다.

wpengine 플러그인

헤드리스 백엔드(WordPress 및 PHP를 지원해야 함)용 호스트와 사이트 프론트 엔드용 호스트의 두 개의 별도 호스트가 필요할 수 있습니다. WordPress와 WP Engine을 함께 사용하면 정적 및 동적 헤드리스 웹사이트를 구축하고 관리할 수 있습니다.

결론

동적 웹사이트가 너무 느리거나 백엔드를 완전히 활용하지 못하는 경우 정적 WordPress 웹사이트로 전환하는 것을 고려할 수 있습니다. 이렇게 하면 사이트를 간소화하여 성능과 보안을 개선할 수 있습니다.

요약하자면 정적 WordPress 웹 사이트를 만드는 세 가지 방법은 다음과 같습니다.

  1. WordPress 대시보드에 정적 홈 페이지를 만듭니다.
  2. Simply Static과 같은 플러그인을 사용하여 사이트의 정적 버전을 생성하십시오.
  3. WP 엔진과 같은 헤드리스 WordPress 호스팅 공급자를 사용합니다.

정적 WordPress 웹 사이트 구축에 대해 질문이 있습니까? 아래 의견 섹션에서 알려주십시오!