mod_pagespeed

mod_pagespeed filters

In my case I ended up with following:

ModPagespeedEnableFilters collapse_whitespace,insert_dns_prefetch,remove_comments,remove_quotes,trim_urls,elide_attributes,combine_heads,lazyload_images,inline_google_font_css,move_css_to_head,move_css_above_scripts,prioritize_critical_css

Also I probably wish to use either resize_image or resize_rendered_image_dimensions depending on project

Unfortunatelly sprite_images not working at moment, but wish to use it to

inline_preview_images should be used with caution it can speed up or slow down some pages, rewrite_images already inlines small images

defer_javascript is magic, really if you writing your JS from scratch, you may not need it, and defer all manually

HTML 5 boilerplate .htaccess should also take a place

Apache modules to enable: sudo a2enmod headers setenvif mime rewrite authz_core deflate filter expires include && sudo service apache2 restart

add_head - ensures that <head> tag is always present before after

extend_cache - makes sure that everything is cached, make sure that your scripts do not do something like btn.style.backgroundImage = 'hover.png' before after

collapse_whitespace - minifies HTML, make sure that there is no white-space: pre in styles before after

insert_dns_prefetch - inserts <link rel="dns-prefetch" href="//example.com"> to boost DNS lookups before after

remove_comments - avoid it if your JavaScript uses HTML comments before after

remove_quotes - removes unnesessary quotes, savings may be less than time taken before after

trim_urls - removes unnesessary url prefixes, requires rewrite_css before after

elide_attributes - removes unnesessary attributes, avoid it if your styles contains something like input[disabled="disabled"] {...} before after

combine_heads - if for some reason you have multiple head tags in your HTML, this filter will combine them, move_css_to_head is required before after

local_storage_cache - magic before after

combine_css - combines multiple stylesheets into one file before after

rewrite_css - minify css before after

flatten_css_imports - inlines css imports less, can brake styles under different media queries, requires rewrite_css before after

inline_css - inlines small stylesheets, less than ModPagespeedCssFlattenMaxBytes, which is 2kb by default, can be configured in /etc/apache2/mods-enabled/pagespeed.conf before after

inline_google_font_css - optimize google web font before after

move_css_to_head - makes sure that all styles are int the head before after

move_css_above_scripts - makes sure that all styles are defined before scripts, move_css_to_head is required before after

rewrite_style_attributes - optimizes inline styles, you really should avoid them at all before after

outline_css - outlines big styles to external file, reverse of inline_css before after

prioritize_critical_css - inlines critical css before after

rewrite_javascript - minify javascript before after

inline_javascript - inline small javascript that is less than ModPagespeedJsInlineMaxBytes (2kb by default) before after

combine_javascript - combines multiple javascript files into one before after

insert_ga - automatically add Google Analytics code to all pages before after

outline_javascript - extracting big inline javascript into external file, reverse to inline_javascript before after

defer_javascript - magic before after