WordPress에서 Iframe 및 HTML5 지연 로딩, 캐시 프리로딩 등 더 많은 기능

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

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

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

로딩 시간이 우선 순위라면 멀리 볼 필요가 없습니다. WP Speed of Light의 주요 설정에 새로 추가된 전환 스위치가 나타나 워드프레스 블로그의 로딩 시간과 SEO 점수를 높일 수 있습니다: Iframe 및 비디오 lazy loading.

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

새로운 기능은 모든 것 중에서 최악의 범죄자를 해결합니다. Iframe은 종종 웹 페이지 또는 위젯으로, 워드프레스 블로그에 자체적으로 포함됩니다. 즉, 한 번에 여러 웹 페이지를 로드하는 것을 상상해 보십시오. 반대로, HTML5 비디오는 일반 비디오처럼 작동하며 로딩 시간을 독점합니다.

다행히도 WP Speed of Light를 사용하면 로딩 시간을 개선하는 것이 매우 간단한 절차입니다. iframe 및 HTML5 비디오에 대해 lazy loading를 활성화하려면 워드프레스 플러그인의 설정으로 이동하십시오. iframe 및 비디오 lazy loading라고 표시된 스위치를 전환하고 개선된 로딩 시간을 활용하십시오.

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

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

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

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

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

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

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

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

워드프레스 웹사이트가 성장하고 변경됨에 따라 블로그 속도가 느려지는 경향이 있습니다. 본능적으로 느려지는 것을 당연하게 받아들일 수 있지만, 아무리 복잡한 웹사이트라도 속도를 높이는 것이 불가능한 작업은 아닙니다. 그룹화 및 축소는 로딩 시간을 제어하는 데 도움이 됩니다.

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

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

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

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

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

WP Speed of Light가 가질 수 있는 최고의 기능 중 하나는 모든 호스팅과 호환된다는 것입니다. 예를 들어 강력한 호스팅인 클라우드웨이즈와 호환됩니다. :)

워드프레스 블로그의 속도를 높여야 하는 경우 더 이상 볼 필요가 없습니다. WP Speed of Light에 대해 자세히 알아보십시오.여기에서 확인하십시오.