Combine JavaScript

JavaScript

Combines multiple script files into one to cut HTTP requests.

Filter combine_javascript · 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

HTTP requests

3 2

−1

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_javascript example</title>
                    

                      -     <script src="combine_javascript1.js"></script>
                    

                      -     <script src="combine_javascript2.js"></script>
                    

                      +     <script src="combine_javascript1.js+combine_javascript2.js.pagespeed.jc.MpXqs3oJAj.js"></script><script>eval(mod_pagespeed_W$_HTBjQGq);</script>
                    

                      +     <script>eval(mod_pagespeed_pfGXQX1gU1);</script>
                    

                          </head>
                    

                          <body>
                    

                            Hello, PageSpeed!

← All optimization examples