mod_pagespeed
Apache module for rewriting web pages to reduce
latency and bandwidth
|
|
mod_pagespeed
Apache module for rewriting web pages to reduce
latency and bandwidth
|
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!
| add_instrumentation | Adds client-side latency instrumentation. | before | after |
| canonicalize_javascript_libraries | Recognizes common JavaScript libraries and redirects each to a canonical URL. | before | after |
| collapse_whitespace | Removes unnecessary whitespace in HTML. | before | after |
| combine_css | Combines multiple CSS files into one. | before | after |
| combine_heads | Combines multiple <head> elements into one. | before | after |
| combine_javascript | Combines multiple JavaScript files into one. | before | after |
| dedup_inlined_images | Replaces repeated inlined images with JavaScript that loads the data from the first instance of the image. | before | after |
| defer_javascript | Defers the execution of javascript in the HTML. | before | after |
| elide_attributes | Removes unnecessary attributes in HTML tags. | before | after |
| pedantic | Adds default type attributes to script and style tags that are missing them. | before | after |
| extend_cache | Improves cacheability. | before | after |
| extend_cache_pdfs | Improves cacheability of PDFs. | before | after |
| fallback_rewrite_css_urls | Rewrite URLs in CSS even if CSS is not parseable. | before | after |
| flatten_css_imports | Flattens @import rules in CSS by replacing the rule with the contents of the imported resource. | before | after |
| hint_preload_subresources | Inserts link: headers to preload CSS and JavaScript resources. | before | after |
| inline_css | Inlines small external CSS files. | before | after |
| inline_google_font_css | Inlines small font-loading CSS from Google Fonts API. | before | after |
| inline_import_to_link | Inlines style tags comprising only CSS @imports by converting them to an equivalent link. | before | after |
| inline_javascript | Inlines small external Javascript files. | before | after |
| inline_preview_images | Delays original images; serves inlined, low-quality placeholder images until originals are loaded. | before | after |
| insert_dns_prefetch | Injects <link rel="dns-prefetch" href="//www.example.com"> tags in the HEAD to enable the browser to do DNS prefetching. | before | after |
| insert_ga | Inserts Google Analytics javascript snippet. | before | after |
| lazyload_images | Loads images when they become visible in the client viewport. | before | after |
| local_storage_cache | Loads inlined CSS and image resources into HTML5 local storage whence the client fetches them subsequently rather than the server sending them again. | before | after |
| make_show_ads_async | Converts synchronous Google AdSense tags to asynchronous format. | before | after |
| make_google_analytics_async | Converts synchronous Google Analytics code to load asynchronously. | before | after |
| move_css_above_scripts | Moves CSS Above Scripts. | before | after |
| move_css_to_head | Moves CSS into the <head> element. | before | after |
| outline_css | Moves large inline <style> tags into external files for cacheability. | before | after |
| outline_javascript | Moves large inline <script> tags into external files for cacheability. | before | after |
| prioritize_critical_css | Instruments the page, inlines its critical CSS at the top, and lazily loads the rest. | before | after |
| MapProxyDomain | Proxies/optimizes trusted resources from domains not running PageSpeed. | before | after |
| OptimizeForBandwidth | Optimizes resources in-place, without changing their urls. | n/a | after |
| remove_comments | Removes HTML comments. | before | after |
| remove_quotes | Removes unnecessary quotes in HTML tags. | before | after |
| resize_mobile_images | Just like inline_preview_images, but uses smaller placeholder images for mobile browsers. | before | after |
| resize_rendered_image_dimensions | Resize images to rendered dimensions. | before | after |
| responsive_images | Serve responsive images using the srcset attribute. | before | after |
| rewrite_css | Minifies CSS. | before | after |
| rewrite_css + extend_cache | Cache extends images in CSS. | before | after |
| rewrite_css + rewrite_images | Re-compress images in CSS. | before | after |
| rewrite_images | Rescales, and compresses images; inlines small ones. | before | after |
| rewrite_javascript | Minifies Javascript. | before | after |
| rewrite_style_attributes | Rewrite the CSS in style attributes by applying the configured rewrite_css filter to it. | before | after |
| rewrite_style_attributes_with_url | Rewrite the CSS in style attributes by applying the configured rewrite_css filter to it, but only if the attribute contains the text 'url('. | before | after |
| sprite_images | Sprites images. | before | after |
| trim_urls | Removes unnecessary prefixes from URLs. | before | after |