워드프레스에서 iframe 및 HTML5 lazy loading, 캐시 프리로딩 등

첫인상이 중요하고, 웹에서는 WordPress 블로그에 무엇인가 로딩 되기도 전에 첫인상이 만들어집니다. 홈페이지나 다른 WordPress 게시물 또는 페이지가 로딩되는데 걸리는 시간은 사용자가 블로그에 머무르는 시간을 결정하며, 심지어 사용자가 블로그에 남을지 말지를 결정합니다. 이제 WP Speed of Light Addon의 두 번의 빠른 업데이트를 통해 블로그의 로딩 시간을 최적화하고 SEO를 더욱 개선할 수 있습니다.

최신 업데이트는 두 가지 새로운 유형의 기능을 제공합니다. 첫째, WP Speed of Light 애드온은 로딩 시간을 최적화하는 새로운 기능을 제공하며, 특히 iframe 및 HTML5 비디오를 지연 로딩할 수 있습니다. 둘째, 워드프레스 플러그인은 이제 캐시 파일 처리 방법과 스크립트 및 스타일시트 그룹화 및 축소 방법을 결정하는 데 더욱 유연성을 제공합니다. 자세히 살펴보겠습니다! 

워드프레스에서 iframe 및 HTML5 비디오 lazy loading  

로딩 시간이 우선 순위라면 멀리 볼 필요가 없습니다. WP Speed of Light의 주요 설정에서 WordPress 블로그의 로딩 시간과 SEO 점수를 높이기 위해 새로운 토글 스위치가 나타났습니다: Iframe 및 비디오 지연 로딩.

지연 로딩은 사용자가 스크롤 할 때만 멀티미디어(이미지 및 비디오)를 로드하는 속도 향상 기술입니다. 사용자가 도달하지 않으면 이미지 또는 비디오는 로드되지 않습니다. 필요할 때만 요소를 로드함으로써 WP Speed of Light 은 시간을 낭비하지 않고 사용자가 블로그와 상호 작용하기 전에 기다려야 하는 시간을 줄입니다. 

새로운 기능은 모든 것 중에서 최악의 범법자를 처리합니다. Iframe은 종종 웹 페이지나 위젯으로, WordPress 블로그에 자신을 포함시킵니다. 여러 웹 페이지를 한 번에 로딩하는 것을 상상해 보십시오. 반대로 HTML5 비디오는 일반 비디오처럼 작동하며 로딩 시간을 낭비합니다.

다행히도 WP Speed of Light를 사용하면 로딩 시간을 개선하는 것이 매우 간단합니다. iframe 및 HTML5 동영상에 대해 lazy loading를 활성화하려면 WordPress 플러그인의 설정으로 이동하십시오. iframe & video lazy loading라고 표시된 토글 스위치를 사용하여 로딩 시간을 개선하십시오.

워드프레스 게시물 및 페이지에 대한 캐시 프리로드 

로딩 시간을 개선하는 또 다른 주요 기술은 캐싱 및 프리로딩을 사용하는 것입니다. 일반적으로 WordPress는 사용자가 웹페이지를 처음 방문할 때 캐시를 생성합니다. 그러나 프리로딩을 사용하면 WP Speed of Light 이 캐시를 지울 때 캐시를 생성하여 로딩 시간을 즉시 최소화합니다.

WP Speed of Light 의 버전 3.1 및 3.2는 XML 사이트맵에 나열된 웹페이지를 미리 로드하는 기능을 추가했습니다. 사이트맵은 구글, 빙, 야후와 같은 검색 엔진이 웹사이트의 페이지를 찾도록 안내합니다. 일반적으로 사이트맵은 블로그의 가장 중요한 페이지 또는 모든 페이지에 대한 링크를 포함합니다. 따라서 사이트맵은 캐시를 미리 로드하는 데 이상적인 도구입니다. 

캐시 프리로딩을 활성화하려면 고급 탭의 WP Speed of Light 설정으로 이동하십시오. 캐시 프리로딩을 활성화했는지 확인한 다음 올바른 필드에 사이트맵 링크를 추가합니다. 사이트맵 링크에 대해 잘 모르신다면 WP Meta SEO과 같은 SEO 플러그인을 사용할 수 있습니다.

또한 고급 탭에서 특정 페이지를 미리 로드할 수 있습니다. 다음 페이지 미리 로드 필드를 사용하여 블로그의 홈페이지와 같이 가장 많이 방문한 페이지를 미리 로드할 수 있습니다. 해당 페이지를 방문하는 사용자는 캐시를 지운 후에도 빠른 로딩 시간을 누릴 수 있습니다.

캐싱은 이제 CDN을 사용하는 경우에도 특정 URL에 대해서만 캐시를 지우는 것을 지원합니다. CDN은 전 세계에 있는 서버에서 WordPress 블로그의 콘텐츠를 제공하여 지리적으로 사용자와 가까운 위치에서 웹페이지를 제공합니다. 최신 업데이트를 통해 캐시하려는 CDN 페이지를 지정할 수 있습니다.

플러그인 설정의 CDN 통합 탭에서 설정을 구성할 수 있습니다. 클라우드플레어 계정을 활성화한 경우 캐시 정리 시에도 정리 섹션으로 스크롤을 내려 선택합니다. 클라우드플레어 캐싱을 활성화하고 필드를 작성하며 선택적으로 개별 파일 정리

 스크립트 및 스타일시트 그룹화 및 축소 개선

WordPress 웹사이트가 성장하고 변경됨에 따라 블로그 속도가 느려지는 경향이 있습니다. 본능적으로 속도 저하를 피할 수 없는 것으로 받아들이도록 유도할 수 있지만, 가장 복잡한 웹사이트의 속도도 높이는 것이 불가능한 작업일 필요는 없습니다. 그룹화 및 축소 기능을 통해 로딩 시간을 제어할 수 있습니다.

그룹화와 축소화는 함께 자주 발생하는 두 가지 최적화 도구입니다. 대부분의 웹사이트는 여러 스타일시트와 스크립트를 사용하며, 각각의 요청이 로딩 시간을 추가합니다. 그룹화는 모든 스타일시트를 하나로 결합하고 모든 스크립트를 하나로 결합하여 각각 하나의 요청만 필요로 합니다. 반면에 축소화는 개별 스타일시트 또는 스크립트 또는 스타일시트와 스크립트 그룹의 크기를 줄여 로딩 시간을 더욱 단축시킵니다. 

WP Speed of Light의 그룹화 및 축소 설정은 설정의 그룹화 및 축소 탭에 있습니다. 이제 플러그인의 최신 버전에서 블로그에서 그룹화 및 축소가 작동하는 방식을 사용자 정의할 수 있습니다.

예를 들어 디버깅 중인 경우 특정 스타일시트 또는 스크립트 또는 특정 페이지를 그룹화하거나 축소하지 않을 수 있습니다. 또는 그룹화 및 축소로 인해 페이지가 잘못 렌더링되거나 스타일시트 또는 스크립트가 로드될 때까지 페이지가 작동하지 않는 것을 발견할 수 있습니다. 그룹 및 축소 탭에서 이제 인라인 스타일의 그룹화 및 축소를 제외하고 최적화에서 페이지를 제외할 수 있습니다.

또 다른 최적화 옵션은 스타일시트 및 스크립트 로딩을 지연시키는 것입니다. 즉, WP Speed of Light를 사용하면 콘텐츠를 먼저 로드한 다음 끝에 스타일시트와 스크립트를 로드할 수 있습니다. 목표는 사용자가 제한된 방식으로 페이지와 상호 작용할 수 있도록 하는 것입니다. 이제 자바스크립트 코드 지연을 활성화하면 플러그인도 인라인 스크립트를 지연시킵니다.

최적화는 중요하지만 모든 워드프레스 블로그에는 서로 다른 요구 사항이 있습니다. WP Speed of Light 이 계속 발전함에 따라 그 제공 내용도 발전합니다. 애드온의 버전 3.1 및 3.2는 모든 블로그의 속도를 높이기 위한 새로운 기능(iframe 및 HTML5 비디오 지연 로딩)과 캐시 프리로딩, 그룹화 및 축소 작동 방식을 조정하는 새로운 옵션을 모두 제공합니다.

가장 좋은 기능 중 하나는 WP Speed of Light 가 모든 호스팅과 호환된다는 것입니다. 예를 들어 강력한 Cloudways와 호환됩니다 :)

WordPress 블로그의 속도를 높여야 하는 경우 더 이상 찾을 필요가 없습니다. WP Speed of Light 여기에서 자세히 알아보십시오.