CSS 비동기 적으로로드하십시오
- 소프트웨어 : loadCSS
- OS :
- 프로그래밍 언어 : JavaScript
- 공식 웹사이트 : HOME
loadCSS 상세
링크 [rel \u003d Stylesheet] 또는 @import가있는 CSS 스타일 시트 참조 브라우저는 스타일 시트가로드되는 동안 페이지 렌더링을 지연시킵니다.페이지의 초기 렌더링에 중요하지 않은 스타일 시트를로드하면이 차단 동작이 바람직하지 않습니다.아래의 패턴을 사용하면 CSS를 비동기 적으로 가져오고 적용 할 수 있습니다.필요한 경우이 REPO는 스타일 시트를 동적으로로드하기위한 별도의 (선택 사항) JavaScript 함수를 제공합니다.기본 패턴으로 HTML과 같은 비동기 CSS를로드하는 것이 좋습니다.loadcss.js 파일은 필요할 경우 프로그래밍 방식으로 CSS 파일을로드하도록 호출 할 수있는 전역 loadcss 함수를 제공합니다.이것은 스크립트에서 CSS를 동적으로로드하는 데 필요한 경우에 편리합니다.위의 코드는 페이지에서 찾은 마지막 스타일 시트 또는 스크립트 후에 새 CSS 스타일 시트 링크를 삽입 하고이 기능은 해당 링크 요소에 대한 참조를 반환하여 스크립트에서 뒷부분에서 참조하려고합니다.