페이지의 접근 성능을 확인할 수 있는 사이트인 PageSpeed Insights (web.dev) 에서 속도 측정을 해보았습니다.
상용 웹호스팅에서는 고성능 서버 환경에서 측정되므로 당연히 성능 결과가 좋게 나오겠지만, 시놀로지 NAS에서는 성능 변수가 상당히 많습니다. 그런데도 100점을 받을 수 있는 이유는 무엇일까요?
PageSpeed 인사이트 측정 결과
성능 점수는 100점입니다. 시놀로지 NAS에서 Nginx 서버를 사용할 때에는 90점 이하로 측정되었지만, Apache 서버를 사용할 때에는 100점을 받았습니다.
접근성 항목에서 낮은 점수 결과는 테마의 <meta> 속성이 원인입니다. 사용자가 편집기에서 지정할 수 없기 때문에 어쩔 수 없이 점수가 낮아졌습니다.
권장 사항
[user-scalable=”no”]이(가) 요소에서 사용되거나 [maximum-scale] 속성이 5보다 작음
꼭 meta 태그까지 편집해서 점수를 올리고 싶다면, child 테마를 생성하여 직접 후킹 코드를 추가하는 것이 좋습니다.
최적화
웹서버
Nginx 서버를 사용했나요? / 아니요.
아파치 서버보다 Nginx 서버가 빠르다는 사실은 널리 알려져 있지만, 얼마나 빠른지 제대로 아는 사람이 없습니다. 수 초 이상 차이가 발생하면 빠른 웹서버를 사용하는 것이 접속률에 좋겠지만, ms 단위 차이라면 편의성도 무시 못할 것입니다.
여기는 워드프레스를 멀티사이트로 설치하였고, rewrite를 많이 사용하기 때문에 Apache 서버를 사용하는 것이 훨씬 효율적입니다. 이미 수 많은 웹호스팅은 아파치 서버를 사용합니다.
웹스테이션의 기본 서버는 Nginx로 설정하였습니다. php를 사용하지 않거나 rewrite 룰이 필요 없는 사이트는 굳이 아파치 서버를 사용할 필요가 없기 때문입니다. 이 WordPress는 Apache 서버에서 실행됩니다. 웹스테이션의 웹 서비스 항목에서 각 서비스마다 실행할 서버 유형을 선택할 수 있습니다.
HTTPS
시놀로지 NAS에서는 인증서를 발급받기가 매우 쉽습니다. 주 도메인 뿐만 아니라 서브 도메인까지 인증서를 즉시 발급받을 수 있습니다. 만료일이 되면 자동으로 갱신됩니다. 복잡한 스크립트 실행은 필요하지 않습니다.
이미지
사용하는 이미지는 실제 출력되는 크기에 맞게 미리 축소되어야 합니다. 대형 이미지를 150px로 줄인다고 용량도 줄어드는 것이 아닙니다. 픽셀의 계단화도 심해집니다. 확장자 또한 jpg, png보다 webp 형식을 권장합니다. 또한 이미지 로딩을 지연시키는 스크립트를 활성화해야 합니다.
저장장치
SSD를 사용했나요? / 아니요.
가능하면 SSD를 사용하는 것이 좋습니다만, 용량 대비 가격 때문에 HDD를 사용할 수 밖에 없습니다. SSD는 NAS의 캐시 슬롯에 설치하면 됩니다. HDD는 NAS용을 사용합니다. 현재 사용 중인 HDD는…
7만 시간을 넘겼습니다.😮
플러그인
플러그인을 모두 끄고 측정했나요? / 아니요.
개별 기능이 있는 플러그인을 사용해도 되지만 가능한 많은 기능이 모두 모여있고 세부 설정이 가능한 플러그인을 사용하는 것이 관리하기 좋으며 최적화가 잘 됩니다. 추천하는 플러그인은 W3 Total Cache입니다.
비슷한 기능을 하는 플러그인이 여러개 활성화되어 있으면 그 중 일부 플러그인은 헛동작을 하게 됩니다.
HTML, CSS, JS 압축을 하는 설정을 활성화 합니다. 필요없는 코드를 삭제하는 설정을 활성화 합니다.
페이지 캐시는 디스크에 저장합니다.
플러그인 캐시보다 강력한 것은 프락시 서버입니다. 클라우드플레어 서비스를 이용하면 전세계에서 빠른 속도로 접근이 가능합니다.