10.省略嵌入式资源协议头

省略图像、媒体文件、样式表和脚本等URL协议头部声明 ( http: , https: )。如果不是这两个声明的URL则不省略。

省略协议声明,使URL成相对地址,防止内容混淆问题和导致小文件重复下载(这个主要是指http和https交杂的场景中)。

不推荐:

  1. <script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script>

推荐:

  1. <script src="//www.google.com/js/gweb/analytics/autotrack.js"></script>

不推荐:

  1. .example {
  2. background: url(http://www.google.com/images/example);
  3. }

推荐:

  1. .example {
  2. background: url(//www.google.com/images/example);
  3. }

注:省略协议头在IE7-8下会有一点小问题,外部CSS文件(link和@import)会被下载两遍,所以该条目的约定看具体项目。