| <!doctype html> |
| <html> |
| <head> |
| <title>PageSpeed Examples Directory</title> |
| <link rel="stylesheet" href="styles/index_style.css" /> |
| </head> |
| <body> |
| <table style="padding:0px; margin: 0px 0px 10px 0px; width:100%" cellpadding="0" cellspacing="0"> |
| <tbody><tr style="height: 58px; display: block;"> |
| <td id="plogo"> |
| <img src="https://www.gstatic.com/images/branding/product/1x/googleg_48dp.png" |
| srcset="https://www.gstatic.com/images/branding/product/2x/googleg_48dp.png 2x" |
| width=48 height=48 alt="Logo"> |
| </td> |
| <td style="padding-left: 0.5em"> |
| <div id="pname">mod_pagespeed</div> |
| <div id="psum">Apache module for rewriting web pages to reduce |
| latency and bandwidth</div> |
| </td> |
| </tr> |
| </table> |
| |
| <ul class="menu"> |
| <li><img src="https://www.gstatic.com/images/branding/product/1x/pagespeed_32dp.png" |
| srcset="https://www.gstatic.com/images/branding/product/2x/pagespeed_32dp.png" |
| width=32 height=32 alt="pagespeed logo" /></li> |
| <li><a |
| href="https://developers.google.com/speed/pagespeed/" |
| >Google Page Speed Family</a></li> |
| <li><a |
| href="https://modpagespeed.com/doc/" |
| >Doc</a></li> |
| <li><a |
| href="https://modpagespeed.com/doc/download" |
| >Binaries</a></li> |
| <li><a href="https://modpagespeed.com/doc/build_from_source" |
| >Source Builds</a></li> |
| <li><a |
| href="http://github.com/pagespeed/mod_pagespeed" |
| >Source Code Browser</a></li> |
| <li><a |
| href="http://modpagespeed.com/psol/annotated.html">API</a></li> |
| <li><a |
| href="https://groups.google.com/group/mod-pagespeed-discuss" |
| >Discussion Forum</a></li> |
| <li><a |
| href="https://github.com/pagespeed/mod_pagespeed/issues" |
| >Issue Tracker</a></li> |
| <li><a href="http://github.com/pagespeed/mod_pagespeed" |
| >Project</a></li> |
| </ul> |
| <br/> |
| |
| <span class="inline_code">mod_pagespeed</span> is an open-source |
| Apache module created by Google to help Make the Web Faster by |
| rewriting web pages to reduce latency and bandwidth. |
| |
| <h2>PageSpeed Filter Examples</h2> |
| <p> |
| Here are some of the most useful PageSpeed filters. Each one has |
| a simple HTML example attached; click "before" to see the |
| original file, and "after" to see what PageSpeed produces |
| with that filter (and only that filter) enabled. The two |
| versions should look exactly the same, but the "after" one will |
| be (slightly) speedier. Use "view source" to see |
| the PageSpeed difference! |
| </p> |
| <table style="width: 100%; border-collapse: collapse; text-color: |
| black;" id="filters" summary="filters"> |
| |
| <!-- TODO(jmarantz): re-indent this whole file --> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-instrumentation-add"> |
| add_instrumentation |
| </a> |
| </td> |
| <td class="desc"> |
| Adds client-side latency instrumentation. |
| </td> |
| <td class="before"> |
| <a href="add_instrumentation.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="add_instrumentation.html?PageSpeed=on&PageSpeedFilters=add_instrumentation"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-canonicalize-js"> |
| canonicalize_javascript_libraries |
| </a> |
| </td> |
| <td class="desc"> |
| Recognizes common JavaScript libraries and redirects each to a canonical URL. |
| </td> |
| <td class="before"> |
| <a href="canonicalize_javascript_libraries.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="canonicalize_javascript_libraries.html?PageSpeed=on&PageSpeedFilters=canonicalize_javascript_libraries"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-whitespace-collapse"> |
| collapse_whitespace |
| </a> |
| </td> |
| <td class="desc"> |
| Removes unnecessary whitespace in HTML. |
| </td> |
| <td class="before"> |
| <a href="collapse_whitespace.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="collapse_whitespace.html?PageSpeed=on&PageSpeedFilters=collapse_whitespace"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-css-combine"> |
| combine_css |
| </a> |
| </td> |
| <td class="desc"> |
| Combines multiple CSS files into one. |
| </td> |
| <td class="before"> |
| <a href="combine_css.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="combine_css.html?PageSpeed=on&PageSpeedFilters=combine_css"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-head-combine"> |
| combine_heads |
| </a> |
| </td> |
| <td class="desc"> |
| Combines multiple <head> elements into one. |
| </td> |
| <td class="before"> |
| <a href="combine_heads.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="combine_heads.html?PageSpeed=on&PageSpeedFilters=combine_heads"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-js-combine"> |
| combine_javascript |
| </a> |
| </td> |
| <td class="desc"> |
| Combines multiple JavaScript files into one. |
| </td> |
| <td class="before"> |
| <a href="combine_javascript.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="combine_javascript.html?PageSpeed=on&PageSpeedFilters=combine_javascript"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-dedup-inlined-images"> |
| dedup_inlined_images |
| </a> |
| </td> |
| <td class="desc"> |
| Replaces repeated inlined images with JavaScript that loads the data from |
| the first instance of the image. |
| </td> |
| <td class="before"> |
| <a href="dedup_inlined_images.html?ModPagespeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="dedup_inlined_images.html?ModPagespeed=on&ModPagespeedFilters=inline_images,dedup_inlined_images"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-js-defer"> |
| defer_javascript |
| </a> |
| </td> |
| <td class="desc"> |
| Defers the execution of javascript in the HTML. |
| </td> |
| <td class="before"> |
| <a href="defer_javascript.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="defer_javascript.html?PageSpeed=on&PageSpeedFilters=defer_javascript"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-attribute-elide"> |
| elide_attributes |
| </a> |
| </td> |
| <td class="desc"> |
| Removes unnecessary attributes in HTML tags. |
| </td> |
| <td class="before"> |
| <a href="elide_attributes.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="elide_attributes.html?PageSpeed=on&PageSpeedFilters=elide_attributes"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-pedantic"> |
| pedantic |
| </a> |
| </td> |
| <td class="desc"> |
| Adds default type attributes to script and style tags that are missing them. |
| </td> |
| <td class="before"> |
| <a href="pedantic.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="pedantic.html?PageSpeed=on&PageSpeedFilters=pedantic"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-cache-extend"> |
| extend_cache |
| </a> |
| </td> |
| <td class="desc"> |
| Improves cacheability. |
| </td> |
| <td class="before"> |
| <a href="extend_cache.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="extend_cache.html?PageSpeed=on&PageSpeedFilters=extend_cache"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-cache-extend-pdfs"> |
| extend_cache_pdfs |
| </a> |
| </td> |
| <td class="desc"> |
| Improves cacheability of PDFs. |
| </td> |
| <td class="before"> |
| <a href="extend_cache_pdfs.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="extend_cache_pdfs.html?PageSpeed=on&PageSpeedFilters=extend_cache_pdfs"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-css-rewrite"> |
| fallback_rewrite_css_urls |
| </a> |
| </td> |
| <td class="desc"> |
| Rewrite URLs in CSS even if CSS is not parseable. |
| </td> |
| <td class="before"> |
| <a href="fallback_rewrite_css_urls.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="fallback_rewrite_css_urls.html?PageSpeed=on&PageSpeedFilters=fallback_rewrite_css_urls,rewrite_css,rewrite_images"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-flatten-css-imports"> |
| flatten_css_imports |
| </a> |
| </td> |
| <td class="desc"> |
| Flattens @import rules in CSS by replacing the rule with the contents of |
| the imported resource. |
| </td> |
| <td class="before"> |
| <a href="flatten_css_imports.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="flatten_css_imports.html?PageSpeed=on&PageSpeedFilters=rewrite_css,flatten_css_imports"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-hint-preload-subresources"> |
| hint_preload_subresources |
| </a> |
| </td> |
| <td class="desc"> |
| Inserts link: headers to preload CSS and JavaScript resources. |
| </td> |
| <td class="before"> |
| <a href="hint_preload_subresources.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="hint_preload_subresources.html?PageSpeed=on&PageSpeedFilters=hint_preload_subresources"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-css-inline"> |
| inline_css |
| </a> |
| </td> |
| <td class="desc"> |
| Inlines small external CSS files. |
| </td> |
| <td class="before"> |
| <a href="inline_css.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="inline_css.html?PageSpeed=on&PageSpeedFilters=inline_css"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-css-inline-google-fonts"> |
| inline_google_font_css |
| </a> |
| </td> |
| <td class="desc"> |
| Inlines small font-loading CSS from Google Fonts API. |
| </td> |
| <td class="before"> |
| <a href="inline_google_font_css.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="inline_google_font_css.html?PageSpeed=on&PageSpeedFilters=inline_google_font_css"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-css-inline-import"> |
| inline_import_to_link |
| </a> |
| </td> |
| <td class="desc"> |
| Inlines style tags comprising <em>only</em> CSS @imports by converting |
| them to an equivalent link. |
| </td> |
| <td class="before"> |
| <a href="inline_import_to_link.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="inline_import_to_link.html?PageSpeed=on&PageSpeedFilters=inline_import_to_link"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-js-inline"> |
| inline_javascript |
| </a> |
| </td> |
| <td class="desc"> |
| Inlines small external Javascript files. |
| </td> |
| <td class="before"> |
| <a href="inline_javascript.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="inline_javascript.html?PageSpeed=on&PageSpeedFilters=inline_javascript"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-inline-preview-images.html"> |
| inline_preview_images |
| </a> |
| </td> |
| <td class="desc"> |
| Delays original images; serves inlined, low-quality placeholder images until |
| originals are loaded. |
| </td> |
| <td class="before"> |
| <a href="inline_preview_images.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="inline_preview_images.html?PageSpeed=on&PageSpeedFilters=inline_preview_images,insert_image_dimensions"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-insert-dns-prefetch.html"> |
| insert_dns_prefetch |
| </a> |
| </td> |
| <td class="desc"> |
| Injects <link rel="dns-prefetch" href="//www.example.com"> tags in the |
| HEAD to enable the browser to do DNS prefetching. |
| </td> |
| <td class="before"> |
| <a href="insert_dns_prefetch.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="insert_dns_prefetch.html?PageSpeed=on&PageSpeedFilters=insert_dns_prefetch"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-insert-ga"> |
| insert_ga |
| </a> |
| </td> |
| <td class="desc"> |
| Inserts Google Analytics javascript snippet. |
| </td> |
| <td class="before"> |
| <a href="insert_ga.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="insert_ga.html?PageSpeed=on&PageSpeedFilters=insert_ga"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-lazyload-images"> |
| lazyload_images |
| </a> |
| </td> |
| <td class="desc"> |
| Loads images when they become visible in the client viewport. |
| </td> |
| <td class="before"> |
| <a href="lazyload_images.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a |
| href="lazyload_images.html?PageSpeed=on&PageSpeedFilters=lazyload_images"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-local-storage-cache"> |
| local_storage_cache |
| </a> |
| </td> |
| <td class="desc"> |
| Loads inlined CSS and image resources into HTML5 local storage whence the |
| client fetches them subsequently rather than the server sending them again. |
| </td> |
| <td class="before"> |
| <a href="local_storage_cache.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="local_storage_cache.html?PageSpeed=on&PageSpeedFilters=local_storage_cache,inline_css,inline_images"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-make-show-ads-async"> |
| make_show_ads_async |
| </a> |
| </td> |
| <td class="desc"> |
| Converts synchronous Google AdSense tags to asynchronous format. |
| </td> |
| <td class="before"> |
| <a href="make_show_ads_async.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="make_show_ads_async.html?PageSpeed=on&PageSpeedFilters=make_show_ads_async"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-make-google-analytics-async"> |
| make_google_analytics_async |
| </a> |
| </td> |
| <td class="desc"> |
| Converts synchronous Google Analytics code to load asynchronously. |
| </td> |
| <td class="before"> |
| <a href="make_google_analytics_async.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="make_google_analytics_async.html?PageSpeed=on&PageSpeedFilters=make_google_analytics_async"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-css-above-scripts"> |
| move_css_above_scripts |
| </a> |
| </td> |
| <td class="desc"> |
| Moves CSS Above Scripts. |
| </td> |
| <td class="before"> |
| <a href="move_css_above_scripts.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="move_css_above_scripts.html?PageSpeed=on&PageSpeedFilters=move_css_above_scripts"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-css-to-head"> |
| move_css_to_head |
| </a> |
| </td> |
| <td class="desc"> |
| Moves CSS into the <head> element. |
| </td> |
| <td class="before"> |
| <a href="move_css_to_head.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="move_css_to_head.html?PageSpeed=on&PageSpeedFilters=move_css_to_head"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-css-outline"> |
| outline_css |
| </a> |
| </td> |
| <td class="desc"> |
| Moves large inline <style> tags into external files for cacheability. |
| </td> |
| <td class="before"> |
| <a href="outline_css.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="outline_css.html?PageSpeed=on&PageSpeedFilters=outline_css"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-js-outline"> |
| outline_javascript |
| </a> |
| </td> |
| <td class="desc"> |
| Moves large inline <script> tags into external files for cacheability. |
| </td> |
| <td class="before"> |
| <a href="outline_javascript.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="outline_javascript.html?PageSpeed=on&PageSpeedFilters=outline_javascript"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-prioritize-critical-css"> |
| prioritize_critical_css |
| </a> |
| </td> |
| <td class="desc"> |
| Instruments the page, inlines its critical CSS at the top, and lazily loads the rest. |
| </td> |
| <td class="before"> |
| <a href="prioritize_critical_css.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="prioritize_critical_css.html?PageSpeed=on&PageSpeedFilters=rewrite_css,flatten_css_imports,inline_import_to_link,prioritize_critical_css"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/domains#MapProxyDomain"> |
| MapProxyDomain |
| </a> |
| </td> |
| <td class="desc"> |
| Proxies/optimizes trusted resources from domains not running PageSpeed. |
| </td> |
| <td class="before"> |
| <a href="proxy_external_resource.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="proxy_external_resource.html?PageSpeed=on&PageSpeedFilters=+rewrite_images,-inline_images"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a |
| href="https://modpagespeed.com/doc/optimize-for-bandwidth"> |
| OptimizeForBandwidth |
| </a> |
| </td> |
| <td class="desc"> |
| Optimizes resources in-place, without changing their urls. |
| </td> |
| <td class="before"> |
| n/a |
| </td> |
| <td class="after"> |
| <a href="optimize_for_bandwidth.html"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-comment-remove"> |
| remove_comments |
| </a> |
| </td> |
| <td class="desc"> |
| Removes HTML comments. |
| </td> |
| <td class="before"> |
| <a href="remove_comments.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="remove_comments.html?PageSpeed=on&PageSpeedFilters=remove_comments"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-quote-remove"> |
| remove_quotes |
| </a> |
| </td> |
| <td class="desc"> |
| Removes unnecessary quotes in HTML tags. |
| </td> |
| <td class="before"> |
| <a href="remove_quotes.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="remove_quotes.html?PageSpeed=on&PageSpeedFilters=remove_quotes"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-inline-preview-images.html#resize_mobile_images"> |
| resize_mobile_images |
| </a> |
| </td> |
| <td class="desc"> |
| Just like inline_preview_images, but uses smaller placeholder images for mobile |
| browsers. |
| </td> |
| <td class="before"> |
| <a href="resize_mobile_images.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="resize_mobile_images.html?PageSpeed=on&PageSpeedFilters=resize_mobile_images,insert_image_dimensions"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a |
| href="https://modpagespeed.com/doc/filter-image-optimize.html#resize_rendered_image_dimensions"> |
| resize_rendered_image_dimensions |
| </a> |
| </td> |
| <td class="desc"> |
| Resize images to rendered dimensions. |
| </td> |
| <td class="before"> |
| <a href="resize_rendered_dimensions/image_resize_using_rendered_dimensions.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a |
| href="resize_rendered_dimensions/image_resize_using_rendered_dimensions.html?PageSpeed=on&PageSpeedFilters=resize_rendered_image_dimensions"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-image-responsive"> |
| responsive_images |
| </a> |
| </td> |
| <td class="desc"> |
| Serve responsive images using the srcset attribute. |
| </td> |
| <td class="before"> |
| <a href="responsive_images.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="responsive_images.html?PageSpeed=on&PageSpeedFilters=responsive_images,responsive_images_zoom,rewrite_images,inline_images,resize_images,insert_image_dimensions"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-css-rewrite"> |
| rewrite_css |
| </a> |
| </td> |
| <td class="desc"> |
| Minifies CSS. |
| </td> |
| <td class="before"> |
| <a href="rewrite_css.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="rewrite_css.html?PageSpeed=on&PageSpeedFilters=rewrite_css"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| rewrite_css + extend_cache |
| </td> |
| <td class="desc"> |
| Cache extends images in CSS. |
| </td> |
| <td class="before"> |
| <a href="rewrite_css_images.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="rewrite_css_images.html?PageSpeed=on&PageSpeedFilters=rewrite_css,extend_cache"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| rewrite_css + rewrite_images |
| </td> |
| <td class="desc"> |
| Re-compress images in CSS. |
| </td> |
| <td class="before"> |
| <a href="rewrite_css_images.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="rewrite_css_images.html?PageSpeed=on&PageSpeedFilters=rewrite_css,rewrite_images"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-image-optimize"> |
| rewrite_images |
| </a> |
| </td> |
| <td class="desc"> |
| Rescales, and compresses images; inlines small ones. |
| </td> |
| <td class="before"> |
| <a href="rewrite_images.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="rewrite_images.html?PageSpeed=on&PageSpeedFilters=rewrite_images,inline_images,resize_images,insert_image_dimensions"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-js-minify"> |
| rewrite_javascript |
| </a> |
| </td> |
| <td class="desc"> |
| Minifies Javascript. |
| </td> |
| <td class="before"> |
| <a href="rewrite_javascript.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="rewrite_javascript.html?PageSpeed=on&PageSpeedFilters=rewrite_javascript"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-rewrite-style-attributes"> |
| rewrite_style_attributes |
| </a> |
| </td> |
| <td class="desc"> |
| Rewrite the CSS in style attributes by applying the configured rewrite_css |
| filter to it. |
| </td> |
| <td class="before"> |
| <a href="rewrite_style_attributes.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="rewrite_style_attributes.html?PageSpeed=on&PageSpeedFilters=rewrite_style_attributes,rewrite_css,rewrite_images"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-rewrite-style-attributes"> |
| rewrite_style_attributes_with_url |
| </a> |
| </td> |
| <td class="desc"> |
| Rewrite the CSS in style attributes by applying the configured rewrite_css |
| filter to it, but only if the attribute contains the text 'url('. |
| </td> |
| <td class="before"> |
| <a href="rewrite_style_attributes.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="rewrite_style_attributes.html?PageSpeed=on&PageSpeedFilters=rewrite_style_attributes_with_url,rewrite_css,rewrite_images"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-image-sprite"> |
| sprite_images |
| </a> |
| </td> |
| <td class="desc"> |
| Sprites images. |
| </td> |
| <td class="before"> |
| <a href="sprite_images.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="sprite_images.html?PageSpeed=on&PageSpeedFilters=rewrite_css,sprite_images"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="filter_row"> |
| <td class="code"> |
| <a href="https://modpagespeed.com/doc/filter-trim-urls"> |
| trim_urls |
| </a> |
| </td> |
| <td class="desc"> |
| Removes unnecessary prefixes from URLs. |
| </td> |
| <td class="before"> |
| <a href="trim_urls.html?PageSpeed=off"> |
| before |
| </a> |
| </td> |
| <td class="after"> |
| <a href="trim_urls.html?PageSpeed=on&PageSpeedFilters=trim_urls"> |
| after |
| </a> |
| </td> |
| </tr> |
| |
| </table> |
| </body> |
| </html> |