claude code로 wordpress 테마를 변경하고 페이지 렌더링 속도를 98% 단축한 후기

티스토리 스킨에 이어서 워드프레스 테마도 Claude Code로 변경했습니다. 테마를 변경하면서 페이지 로딩 속도도 98% 단축했습니다. 평균 페이지 로딩 시간이 6초에서 107ms로 줄었습니다.

- Claude Code로 티스토리 변경한 후기: https://malwareanalysis.tistory.com/914

 

사용하는 서버

Cafe24 WordPress 호스팅 상품을 약 3년째 사용 중입니다. 월 1,100원으로 정말 저렴해서 계속 사용하고 있습니다. 서버 사양은 CPU 1core, 메모리 1GB 정도입니다.

 

고민했던 것

claude code가 어떤 기준으로 wordpres테마를 만들게 할까?

저의 기준은 4개였습니다.
1. 페이지 랜딩속도가 150ms이여야한다.
2. PC, 모바일 모두 지원되는 반응형이여야 한다.
3. 구글 애드센스의 영향을 받으면 안된다.
4. 디자인은 글목록, 메뉴만 보여준다. (디자인 챕터에 설명)

 

위 기준을 잡고 claude code ultraplan으로 작업을 시작했습니다.

 

디자인

저는 단순한 것을 좋아해서 메인 페이지는 글 제목만 나열되도록 만들었습니다. 메뉴도 꼭 필요한 것만 배치했습니다.

 

페이지 로딩 속도는 왜 개선되었는가?

기존 페이지 로딩 속도가 느린 원인은 유료 테마에 있었습니다.

 

처음 WordPress를 시작할 때 아무것도 몰라서 유명한 유료 테마를 사는 게 좋을 것 같았습니다. 그래서 Newspaper 테마를 약 8만원에 구매해서 사용했습니다. Newspaper 테마는 빌더반이여서 코딩 없이 PHP 레이아웃을 만들 수 있는 장점이 있습니다. 하지만 Newspaper가 정한 규칙에 따라 페이지가 렌더링되어 필요 없는 기능도 함께 실행됩니다. 필요 없는 부분만 제거할 수 없어서 모든 페이지 로딩 속도가 느려졌습니다.

 

페이지 로딩속도를 느린부분을 찾았지만, 해당 부분을 제거하거 수정하면 페이지 렌더링 오류가 발생했습니다. 분석시간이 많이 걸릴 것 같아 나중에 해야지 생각만 하다가 2년넘게 방치되었습니다.

 

시간이 지나 WordPress 페이지 로딩 속도가 느린 것이 기억나, Claude Code로 빌더기반이 아닌 순수 php기반으로 실행하게 하여 페이지 로딩속도를 개선했습니다.