Inline JavaScript

JavaScript

Inlines small external scripts to remove a request.

Filter inline_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

2 1

−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>inline_javascript example</title>
                    

                      -     <script type="text/javascript" src="inline_javascript.js"></script>
                    

                      +     <script type="text/javascript">//<![CDATA[ document.write("Hello, "); var a = '<\u0053cript></\u0073cript>'; //]]></script>
                    

                          </head>
                    

                          <body>
                    

                            JavaScript that was linked should be inlined into the source.

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