무료 WordPress JavaScript 플러그인
Frank Goossens는 무료 Async JavaScript 플러그인을 개발했습니다. 플러그인을 사용하여 스크롤 없이 볼 수 있는 부분에서 렌더링 차단 자바스크립트(JS) 콘텐츠를 제거할 수 있습니다. WordPress 4.6 이상과 호환됩니다. 5개 언어로 무료로 다운로드할 수 있습니다: 네덜란드어, 미국 영어 및 3개의 스페인어 방언
이 앱은 스크립트에 defer 또는 await 속성을 추가 및 제거하는 것을 완벽하게 제어하고 사이트를 늘리는 데 도움이 됩니다. 로딩 속도. 비동기 JS 로딩을 제공하는 다른 플러그인은 Lazy Widget Loader와 Reverb for Publishers입니다.
비동기 로딩 설명
보통 WordPress는 스크립트를 한 번에 하나씩 로드합니다. 다음 항목을 로드하기 전에 한 항목을 완전히 로드해야 하므로 사이트의 전체 로드 시간이 늘어납니다.
비동기 로드를 사용하면 파일을 병렬로 로드할 수 있습니다. 개발자는 자바스크립트에 비동기 속성을 추가하거나 특정 스크립트를 제외하기 위해 '지연' 속성을 추가하여 그렇게 합니다.
브라우저 지원 및 CSS
비동기는 HTML 5 및 Chrome, Internet Explorer 10 이상, Firefox 3.6 이상, Safari 및 Opera의 새로운 속성입니다. . 내장된 WordPress 스크립트 대기열에서만 작동합니다.
비동기와 함께 사용할 수 있는 또 다른 편리한 속성은 Web API 기능에 유용합니다. await는 비동기 기능 내에서만 작동한다는 점을 기억하세요. 특정 조건이 설정되고 이 조건이 충족될 때만 Javascript가 비동기적으로 로드됩니다.
플러그인은 JS에서만 작동하고 CSS 스크립트를 어떤 식으로든 변경하지 않습니다. CSS를 최적화하려면 이 기능을 위한 전용 플러그인이 필요합니다.
웹사이트 성능 향상
비동기 JavaScript는 사이트 소유자에게 JavaScript를 비동기식으로 로드하거나 특정 스크립트의 로드를 제거 또는 지연하여 페이지 로드 시간을 줄이는 방법을 제공합니다. 또 다른 유용한 옵션은 특정 조건이 충족된 후에만 스크립트가 로드되는 '대기'입니다. Await는 또한 코딩을 단순화합니다.
최신 릴리스에서 개발자는 비동기식으로 동기화되는 특정 인라인 JS 스크립트에 대한 해결 방법을 추가했습니다.
