link 태그에 프로토콜 생략 시, css가 두 번 다운로드 되는 이슈

발생일: 2014.05.25

키워드: relative protocol path, 프로토콜 생략

문제:

IE8에서 CSS가 두 번씩 요청된다.

해결책:

CSS 경로에 프로토콜을 생략하고 사용하고 있었기 때문이었다.

<link href="//example.com/common.css" rel="stylesheet" type="text/css">

프로토콜을 생략하면 해당 페이지의 프로토콜에 맞게 요청되는 장점이 있어 사용하고 있었다.

하지만, link 태그나 @import 구문에서 사용할 경우, IE7/IE8 에서 두 번 요청되는 이슈가 있다고 한다.

논의:

이제는 https로 리소스를 요청해도 성능 이슈가 거의 없다고 한다.

가능한 경우 모두 https 로 작성해주는 게 좋겠다.

참고:

http://www.paulirish.com/2010/the-protocol-relative-url/

http://www.stevesouders.com/blog/2010/02/10/5a-missing-schema-double-download/