文档中心 >Google PageSpeed

合并heads

概览

“合并heads”是把多个head合并为一个。

说明

HTML文档不允许有多个<head>单元，但是一些网页合集多个源码便有可能出现多个<head>的情况，这时我们便需要把多个<head>合并在一起，以改良HTML源码运行性能，提高执行速度。

操作

“合并heads”把所有<head>的内容移到第一个<head>里。

例如，HTML代码这样：

  1. <html>
  2.   <head>
  3.     <link rel="stylesheet" type="text/css" href="styles/yellow.css">
  4.     <link rel="stylesheet" type="text/css" href="styles/blue.css">
  5.   </head>
  6.   <body>
  7.     <div class="blue yellow big bold">
  8.       Hello, world!
  9.     </div>
  10.   </body>
  11.   <head>
  12.     <link rel="stylesheet" type="text/css" href="styles/big.css">
  13.     <link rel="stylesheet" type="text/css" href="styles/bold.css">
  14.   </head>
  15. </html>

需要合并为这样：

  1. <html>
  2.   <head>
  3.     <link rel="stylesheet" type="text/css" href="styles/yellow.css">
  4.     <link rel="stylesheet" type="text/css" href="styles/blue.css">
  5.     <link rel="stylesheet" type="text/css" href="styles/big.css">
  6.     <link rel="stylesheet" type="text/css" href="styles/bold.css">
  7.   </head>
  8.   <body>
  9.     <div class="blue yellow big bold">
  10.       Hello, world!
  11.     </div>
  12.   </body>
  13. </html>

重要：需要注意的是，合并时还要考虑内容的顺序（例如CSS和JS）。

本页面中的内容已获得知识共享署名3.0许可，并且代码示例已获得Apache 2.0许可；另有说明的情况除外。

文章源地址：https://developers.google.com/speed/pagespeed/module/filter-head-combine