1070 lines
26 KiB
HTML
1070 lines
26 KiB
HTML
<!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>
|