Combine heads

HTML

Merges multiple <head> elements into one.

Filter combine_heads · Filter docs

A mod_pagespeed 1.1 filter. ModPageSpeed 2.0 applies it as part of one always-on pipeline, not as a separate switch.

Both frames render identically — that's the goal. The win is in the bytes and requests below, not the look. They're served live by mod_pagespeed 1.1 on demo-httpd-1.1.modpagespeed.com; the optimized frame applies only this filter. Right after a cache purge it may briefly match the original while the worker rewrites it — reload to see the result.

Measured impact

HTML size

232 B 219 B

−6%

What changed in the source

The page's HTML, before and after this filter. Red lines are removed, green lines are added.


                
                  
                        <html>
                    

                          <head>
                    

                            <title>combine_heads example</title>
                    

                      +   
                    

                      +     <link rel="stylesheet" type="text/css" href="styles/big.css">
                    

                          </head>
                    

                          <body>
                    

                            <div class="big">
                    

                              Hello, world!
                    

                            </div>
                    

                          </body>
                    

                      -   <head>
                    

                      -     <link rel="stylesheet" type="text/css" href="styles/big.css">
                    

                      -   </head>
                    

                      +   
                    

                        </html>

← All optimization examples