Combine JavaScript

JavaScript

Combines multiple script files into one to cut HTTP requests.

Filter combine_javascript · Filter docs

A module filter.

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 the mod_pagespeed module 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!

Run this on your own site

This is one of 49 filters the mod_pagespeed module applies in place — self-hosted on Apache, nginx, and IIS. Install and run it: it optimizes right away and adds an the optimized response headers shown above. Open source under the Apache License 2.0 — free in development and in production.

Download & run

← All optimization examples