WordPress 웹 사이트의 로드 시간을 줄이는 방법 – 6.3초에서 2초

동영상 대본

이 비디오는 웹사이트의 로드 시간을 약 6초에서 조금 더 수용 가능한 것으로 줄이기 위해 Sagapixel에서 사용하는 프로세스를 안내합니다. 바라건대 우리는 이 웹사이트에 대해 2-3초 범위에서 끝날 것입니다.

이 방법은 모든 무료 플러그인을 사용합니다. 그것들은 WordPress 저장소에 있고, 나는 그것을 사용하면서 각각이 무엇을 하고 있는지 설명할 것입니다. 뛰어들어봅시다. 이것은 몇 달 전에 실제로 최적화되지 않은 웹사이트에 대한 GTMetrix 보고서입니다.

저는 실제로 사이트의 프런트 엔드로 이동하여 브라우저도 사용할 것이므로 네트워크로 이동하여 하드 새로 고침을 수행하겠습니다. 저는 Mac을 사용 중입니다. Shift 키를 누른 상태에서 새로 고침을 눌러 캐시를 지우고 속도가 느립니다. 네, 첫 번째 바이트까지 걸리는 시간은 6초였습니다.

그것은 아주 우스꽝스러운 일입니다. 그리고 우리는 클라이언트 웹사이트를 거기에 두지 않고 첫 번째 바이트까지 오랜 시간이 걸리지 않을 것입니다. 이제 서버 자체가 요인일 것입니다. 나는 그들이 매우 낮은 품질의 GoDaddy 호스팅을 사용하고 있다는 것을 알고 있지만 우리는 확실히 이 작업의 속도를 높일 수 있으므로 앞으로 10분 정도는 완료할 것입니다.

먼저 이 항목에 로그인하고 플러그인에 대해 알아보겠습니다. 가장 먼저 활성화해야 할 것은 이 빠른 속도 축소입니다. 빠른 속도 축소는 로드되는 많은 자산을 결합할 것이므로 먼저 SSL이 설치되어 있다고 생각하므로 SSL을 강제 실행하도록 설정하겠습니다.

나는 그것을 확인하지 않을거야. 그것은 일반적으로 큰 문제가되지 않습니다. Google 글꼴 병합을 비활성화하고 싶지 않습니다. CSS 파일의 순서를 유지하고 싶지 않습니다. 머리글과 바닥글 모두에 CSS를 인라인하고 싶습니다. 이 설정을 확인하는 이유는 우리가 주로 Elementor로 작업하기 때문이며 이러한 설정으로 인해 문제가 발생하지 않는다는 것을 알고 있습니다.

빠른 속도 축소를 사용하는 동안 무언가를 깨뜨리면 아마도 Chrome에 있을 것이므로 모든 설정을 완료하고 웹사이트에서 로그아웃한 후 Chrome을 실행해야 합니다. 스타일 시트를 죽이지 않았는지 확인하십시오.

알겠습니다. 아무 것도 비활성화하지 않겠습니다. 여기가 좋아 보이므로 저장하고 Gt 메트릭을 다시 실행하겠습니다. 이 작업을 수행하면 이 사이트의 로드 시간이 약간 줄어들 것입니다. 그래도 대부분은 여전히 ​​서버일 것입니다.

알겠습니다. 1초가 조금 넘었습니다. 하지만 아직 끝나지 않았습니다. 우리가 설치할 다음 플러그인은 ... 이 사이트에는 짧은 픽셀 이미지 최적화 프로그램이 있습니다. 활성화되지 않은 것 같으므로 일부 이미지를 최적화해야 할 수 있습니다.

나는 실제로 그것을 사용하지 않을 것입니다. 이미지 최적화를 포함하여 처리해야 하는 모든 항목을 처리할 최근에 채택한 다른 플러그인을 설치하려고 하므로 다시 최적화해야 합니다.

좋습니다. 설정으로 이동하여 가장 먼저 할 일은 캐시로 이동하는 것입니다. 페이지 캐싱을 활성화하겠습니다. 또한 여기에 이미 활성화된 캐싱 플러그인이 없는지 확인합니다. 좋은. 페이지 캐싱을 활성화하겠습니다.

다음으로 할 일은 사전 로드로 이동하여 이 예약된 사전 로더를 활성화하는 것입니다. 나는 우리가 이것을 하루에 한 번 할 것이라고 생각한다. 저장하고 지금 실행하겠습니다. 여기에서 읽을 수 있는 것처럼 실제는 모든 URL을 사전 로드하기 시작합니다. 처음 방문자가 방문자를 원할 때 사이트에서 모든 것을 생성할 필요가 없도록 합니다.

시간을 주어야 합니다. 다음으로 할 일은 이미지로 넘어가서 이제부터 새로 추가된 이미지를 자동으로 압축하도록 설정하겠습니다. 이것은 WP Smush에 연결하여 수행합니다. 이것을 사용하지 않으려면 선택을 취소할 수 있으며 일반적으로 짧은 픽셀이 이미지 최적화를 처리하는 데 가장 적합하다고 말할 수 있습니다.

페이지를 미리 로드하는 이 전체 프로세스는 실제로 약간의 시간이 걸립니다. 알다시피, 우리는 30페이지 중 17페이지에 있습니다. 실행되는 동안 다음으로 넘어가야 할 것은 여기입니다. 데이터베이스를 살펴보고 데이터베이스 테이블을 최적화하고 사후 수정을 정리하는 이러한 옵션이 있으므로 데이터베이스를 실제로 정리하고 훨씬 더 빠르게 실행할 수 있지만 정말 강조하고 싶습니다. 물건을 버리게 된다는 것입니다.

따라서 이전 게시물을 복원하려는 가능성이 있는 경우 이전 페이지를 한 지점에서 수행되었던 방식으로 복원합니다. 이러한 최적화를 실행하여 지울 것입니다. 모든 것의 이전 버전이 모두 있으므로 데이터베이스에 작업을 수행하기 전에 웹사이트를 백업하고 싶을 것입니다.

백업본이 있는 것으로 알고 있습니다. 또한 사전 로드를 실행하는 동안에는 이 작업을 수행하지 않을 것이지만 처리된 것 같으므로 여기로 이동하겠습니다. 이 모든 최적화를 실행할 것입니다. 여기에 현재 삭제된 1,200개의 게시물 개정이 있습니다.

때때로 이것을 통과하는 데 시간이 걸릴 것입니다. 이것은 상당히 작은 웹 사이트이므로 실제로 너무 많이 걸리지는 않았지만 한 번 더 실행하고 수행된 작업을 살펴보겠습니다. 좋습니다. 이제 시작하기 6초 전에 모든 단계에서 2.6초로 줄었습니다.

다음에 추가할 것은 지연 로드가 될 것입니다. Lazy loading, 저기, WP Rock의 lazy load가 제가 사용하는 것입니다. 구성이 매우 쉽습니다. 그것을 클릭하고 활성화하고 설정으로 이동하면 여기에서 몇 가지 확인란을 선택합니다.

이미지, I-프레임. 나는 썸네일로 유튜브 영상을 만들지 않을 것이다. 변경 사항을 저장하다. 괜찮아. 자, 마지막 단계는 정말, 제 생각에 최적화 ... 우리는 전체 라이브러리를 최적화하는 동안 여기에 앉아 있지 않을 것이지만, 이 작업에 대한 이미지를 최적화하는 것이 이 문제를 실제로 해결하는 마지막 단계가 될 것입니다.

너무 큰 이미지와 사이트를 사용하게 된다면 이 시간을 약 2.5초로 줄일 수 있을 것입니다. 도움이 되었기를 바랍니다. WordPress 사이트를 빠르게 로드하는 것은 실제로 그렇게 어렵지 않습니다.

WP Bakery, 이 경우 Elementor, Divi와 같은 시각적 페이지 빌더에 대한 많은 비판도 정당하지 않다고 생각합니다. 시각적 페이지 빌더.

이 정보가 도움이 되었다면 댓글을 남겨주시고 SEO 및 WordPress에 대해 배우고 싶으시다면 저희 채널을 구독하시기 바랍니다. 감사해요.