Firefox 및 Mac Safari에서 preload not working 문제

속도적인 이슈가 있어서 preload 속성을 추가했습니다.

 

<link rel='preload' onload='this.rel="stylesheet"' as='style' id='test-css' href='style.css' type='text/css' media='all' />

 

크롬에서는 잘 작동하였지만 파이어폭스에서는 작동하지 않았습니다.

 

최선의 해결책은 두 개의 파일을 로드하는 것으로 preload를 지원하는 브라우저는 의도한 대로 사용하고 지원하지 않는 브라우저는 나중 방법으로 사용합니다.

 

<link rel='preload' href='style.css' as='style'>

<link rel='stylesheet' href='style.css'>

 

<link rel='preload' rel='stylesheet' href='style.css' as='style'>