WPCode 플러그인을 사용하면 워드프레스 사이트에 HTML, 자바스크립트 등을 헤더나 푸터에 쉽게 추가할 수 있어 현재 200만 개가 넘는 사이트에 설치되어 사용되고 있습니다. 이 플러그인은 또한, PHP, CSS 등의 코드 스니펫도 추가할 수 있는 기능을 제공합니다. PHP 코드는 보통 차일드 테마의 함수 파일에 추가하는 것이 권장되지만, 이 블로그와 같이 FTP/SFTP에 접속할 수 없는 경우 WPCode를 사용하면 PHP 코드를 워드프레스 알림판에서 직접 추가하는 것이 가능합니다.
WPCode로 편리하게 코드 스니펫을 추가할 수 있지만, 개수가 늘어나면 사이트 속도를 느리게할 수 있습니다. 실제로 제가 관리가 참여하고 있는 한 사이트에서 FTP 접속 권한이 없어서 PHP 코드를 WPCode로 추가했는데, 방문자 수가 늘어나면서 사이트 속도가 비정상적으로 느려지는 현상이 발생했습니다. 서버 관리자가 WPCode의 코드 스니펫 때문에 속도가 느려지고 있다고 하여 코드들을 분리하여 별도의 플러그인을 만들어 추가한 적이 있습니다.
편리하지만 사이트 속도에 영향을 미치는 WPCode 플러그인의 코드 스니펫 기능
워드프레스 사이트의 헤더나 푸터에 코드를 추가하려는 경우 WPCode를 사용하면 간편하게 추가할 수 있습니다.
FTP에 접속이 가능한 경우에는 가능하면 차일드 테마 폴더 내의 함수 파일(functions.php)에 코드를 추가하는 것을 권장하지만, FTP에 접속할 수 없는 환경에서는 WPCode와 같은 플러그인이 유용합니다.
이 블로그는 워드프레스닷컴(WordPress.com)에서 가입하여 이용하는 가입형 워드프레스의 개인 요금제를 이용하고 있습니다. 개인 및 프리미엄 요금제에서는 FTP/SFTP 접근 권한이 없습니다. 예전에는 개인/프리미엄 플랜에서 플러그인 설치도 불가능했지만, 작년 9월부터 플러그인 설치가 가능해졌습니다.
그래서 저는 WPCode를 설치하여 HTML 태그와 자바스크립트 코드를 헤더와 푸터에 추가하고 있습니다.
위의 그림과 같이 네이버 사이트 소유권 확인 코드나 구글 애널리틱스 광고 스크립트를 헤더 섹션에 추가할 수 있습니다.
구글 서치 콘솔 사이트 소유 확인 코드와 애널리틱스 추적 코드도 추가가 가능하지만 구글 사이트킷 플러그인을 설치하여 구글과 연동시켰습니다. 구글 사이트킷 플러그인은 사이트 속도에 영향을 미치지 않는다고 주장하지만, 실제로 설치해보면 사이트 속도가 느려지는 경우가 있으므로 가급적 사용하지 않는 것이 바람직하지만, 가입형 워드프레스의 개인/프리미엄 요금제에서는 FTP 접근이 되지 않아서 이런 플러그인을 활용하여 기능을 확장할 수 있습니다.
가입형 워드프레스의 개인/프리미엄 플랜에서는 FTP/SFTP에 접속할 수 없기 때문에 PHP 코드를 추가하는 것이 불가능하지만, 이제 WPCode와 같은 플러그인을 사용하여 PHP 코드도 워드프레스 알림판을 통해 추가할 수 있습니다.
WPCode를 통해 PHP와 CSS 등의 코드를 추가할 수 있어 가입형 워드프레스의 개인/프리미엄 사용자들에게 있어서는 구세주와 같은 플러그인입니다.😄
하지만 카페24나 클라우드웨이즈와 같은 웹호스팅에 가입하여 이용하는 설치형 워드프레스의 경우 가능하면 차일드 테마 내의 함수 파일에 코드를 추가하거나, 코드가 길 경우 별도의 플러그인으로 분리하는 것을 고려하시기 바랍니다.
코드 스니펫 개수가 몇 개 되지 않고 사이트 방문자가 적은 경우에는 큰 문제는 없습니다만, 코드 스니펫 개수가 너무 많거나 사이트 방문자가 많은 경우에는 사이트 속도에 큰 영향을 미칠 수 있습니다.
이 문제를 검색해보니 방문자가 많거나 WPCode 코드 스니펫이 많은 경우, 데이터베이스 autoload 크기 증가로 서버 메모리 부하가 커져 TTFB(Time to First Byte)가 지연되고 페이지 로드 속도가 저하될 수 있다고 하네요. 특히 고트래픽 시 PHP 스니펫 30개 이상에서 과도한 실행으로 서버 과부하가 발생하며, 다수 CSS/JS 스니펫은 추가 HTTP 요청이나 파일 크기로 변환율 저하(1초 지연 시 7% 감소)를 유발한다고 합니다.
하지만 WPCode에서는 WPCode의 조건부 로직과 압축 기능으로 불필요 로드를 방지하고 파일을 minify하여 영향을 최소화할 수 있으며, 캐싱(Redis/Memcached)과 CDN 결합 시 고트래픽 사이트에서도 안정적 성능을 유지할 수 있다고 안내하고 있습니다. 이것이 유료 버전만 해당하는지, 아니면 무료 버전에도 적용되는지에 대해서는 확인이 필요합니다.
제 메인 워드프레스 블로그에서는 GeneratePress 테마의 유료 버전인 GP Premium의 Element 기능을 사용하여 코드들을 워드프레스 알림판에 추가했습니다. GeneratePress에서는 Element를 통해 코드 스니펫을 추가해도 사이트 속도에는 거의 영향을 미치지 않는다고 주장하고 있습니다만, 저는 긴 코드는 별도의 플러그인으로 분리했습니다.😄
마치며
WPCode를 사용하면 코드 스니펫을 편리하게 추가할 수 있지만, 너무 많은 코드를 추가하거나 방문자 수가 증가할 경우 사이트 속도에 영향을 미칠 수 있습니다.
코드 스니펫 개수가 몇 개 되지 않고 방문자 수가 많지 않다면 큰 문제는 없지만, 설치형 웹호스팅을 이용하고 있고 FTP/SFTP 접근 권한이 있다면 가급적이면 차일드 테마 내의 함수 파일을 통해 PHP 코드를 추가하는 것이 바람직할 수 있습니다.
가입형 워드프레스의 개인/프리미엄 요금제를 이용한다면 FTP 접속이 불가능하므로 WPCode와 같은 플러그인을 사용하여 PHP 코드를 추가할 수밖에 없습니다. 그런 경우에는 어쩔 수 없지만, FTP 접속이 가능하다면 사이트 속도에 가장 영향을 덜 미치는 방식으로 코드를 넣는 것이 좋습니다.