文档中心 >Google PageSpeed
合并heads
概览
“合并heads”是把多个head合并为一个。
说明
HTML文档不允许有多个<head>单元，但是一些网页合集多个源码便有可能出现多个<head>的情况，这时我们便需要把多个<head>合并在一起，以改良HTML源码运行性能，提高执行速度。
操作
“合并heads”把所有<head>的内容移到第一个<head>里。
例如，HTML代码这样：
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles/yellow.css">
<link rel="stylesheet" type="text/css" href="styles/blue.css">
</head>
<body>
<div class="blue yellow big bold">
Hello, world!
</div>
</body>
<head>
<link rel="stylesheet" type="text/css" href="styles/big.css">
<link rel="stylesheet" type="text/css" href="styles/bold.css">
</head>
</html>
需要合并为这样：
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles/yellow.css">
<link rel="stylesheet" type="text/css" href="styles/blue.css">
<link rel="stylesheet" type="text/css" href="styles/big.css">
<link rel="stylesheet" type="text/css" href="styles/bold.css">
</head>
<body>
<div class="blue yellow big bold">
Hello, world!
</div>
</body>
</html>
重要：需要注意的是，合并时还要考虑内容的顺序（例如CSS和JS）。
本页面中的内容已获得知识共享署名3.0许可，并且代码示例已获得Apache 2.0许可；另有说明的情况除外。
文章源地址：https://developers.google.com/speed/pagespeed/module/filter-head-combine