Nginx PageSpeed This forum's pagespeed.conf

Dedicated thread to keep a tally and history of this forum's pagespeed.conf changes and settings for Nginx PageSpeed module. Update mod_pagespeed and ngx_pagespeed documentation is now listed together at Installing From Packages

current /usr/local/nginx/conf/pagespeed.conf configuration used on this very forum as follows:

Code:

pagespeed on;

# https://www.modpagespeed.com/doc/https_support
pagespeed SslCertDirectory /etc/pki/tls/certs;
pagespeed SslCertFile /etc/pki/tls/cert.pem;

pagespeed LoadFromFile "http://community.centminmod.com" "/home/nginx/domains/community.centminmod.com/public";
pagespeed LoadFromFile "https://community.centminmod.com" "/home/nginx/domains/community.centminmod.com/public";

pagespeed LoadFromFileRuleMatch disallow .*;
pagespeed LoadFromFileRuleMatch allow \.css$;
pagespeed LoadFromFileRuleMatch allow \.jpe?g$;
pagespeed LoadFromFileRuleMatch allow \.png$;
pagespeed LoadFromFileRuleMatch allow \.gif$;
pagespeed LoadFromFileRuleMatch allow \.js$;

pagespeed Disallow */js/dark/postrating.js*;
pagespeed Disallow */js/xenforo/tabalerts.js*;
pagespeed Disallow */lost-password/lost;
pagespeed Disallow */lost-password/*;
pagespeed Disallow */payment_callback.php*;
pagespeed Disallow */munin/*;
pagespeed Disallow */admincp/*;
pagespeed Disallow */cron.php*;
pagespeed Disallow */admin.php*;
pagespeed Disallow */css.php*;
pagespeed Disallow */js/jquery/jquery-1.11.0.min.js*;
pagespeed Disallow */js/xenforo/xenforo.js*;
pagespeed Disallow */mark-read*;
pagespeed Disallow */forums/-/mark-read*;
pagespeed Disallow */reply/preview*;
pagespeed Disallow */account/alerts-popup*;
pagespeed Disallow */conversations/popup*;
pagespeed Disallow */conversations/*;
pagespeed Disallow */account/alerts/*;
pagespeed Disallow */?card*;
pagespeed Disallow */misc/quick-navigation-menu*;
pagespeed Disallow */misc/update-cache-ttl*;
pagespeed Disallow */deferred.php*;
pagespeed Disallow */forums/*;
pagespeed Disallow */attachments/*;
pagespeed Disallow */rgba.php*;
pagespeed Disallow */add-reply*;
pagespeed Disallow */edit-inline*;
pagespeed Disallow */save-inline*;
pagespeed Disallow */posts/*/save-inline*;
pagespeed Disallow */posts/*/edit*;
pagespeed Disallow */posts/*/delete*;
pagespeed Disallow */posts/*/ip*;
pagespeed Disallow */posts/*/report*;
pagespeed Disallow */proxy.php*;

#######################################################
# File cache settings
######################################
# needs to exist and be writable by nginx

# pagespeed FileCacheSizeKb          102400;
# pagespeed FileCacheCleanIntervalMs 3600000;
# pagespeed FileCacheInodeLimit      500000;

#######################################################
# Set it to 0 if you want to disable this feature.
# pagespeed MessageBufferSize 100000;

#######################################################
# By default, ngx_pagespeed adds an X-PageSpeed header with a value of the version of
# ngx_pagespeed being used. This directive lets you specify the value to use instead:
# pagespeed XHeaderValue "ngx_pagespeed";

#######################################################
# let's speed up PageSpeed by storing it in the super duper fast memcached
# Ensure Memcached server installed http://centminmod.com/memcached.html
# default install for centmin mod is on port 11211, so localhost:11211 is correct
# uncomment - remove hash # in front of below 2 lines to enable
# timeout set at 100 milliseconds
  pagespeed MemcachedThreads 1;
  pagespeed MemcachedServers "localhost:11211";
  pagespeed MemcachedTimeoutUs 100000;

#######################################################
## https://developers.google.com/speed/pagespeed/module/admin#virtual-hosts-and-stats
######################################
# pagespeed UsePerVhostStatistics on;

#######################################################
## 1.7.30.1 beta defaults
######################################
pagespeed PreserveUrlRelativity on;
pagespeed MaxCombinedCssBytes -1;
pagespeed ImageResolutionLimitBytes 16777216;
pagespeed EnableFilters inline_google_font_css;

#######################################################
## 1.6.29.3 beta defaults
######################################
pagespeed AvoidRenamingIntrospectiveJavascript on;
pagespeed ImageInlineMaxBytes 3072;
pagespeed CssImageInlineMaxBytes 0;
#pagespeed MaxInlinedPreviewImagesIndex -1;
#pagespeed MinImageSizeLowResolutionBytes 3072;

#######################################################
## ngx_pagespeed filters settings below ##
######################################

  # show half the users an optimized site, half the regular site
  # change UA-XXXXXXXXXX-1 to your GA unique id
  # uncomment - remove hash # in front of below 5 lines to enable
#  pagespeed RunExperiment on;
#  pagespeed AnalyticsID UA-XXXXXXXXXX-1;
#  pagespeed ExperimentVariable 1;
#  pagespeed ExperimentSpec "id=1;percent=50;level=CoreFilters;enabled=collapse_whitespace,remove_comments;";
#  pagespeed ExperimentSpec "id=2;percent=50";

  # Filter settings
  # https://developers.google.com/speed/pagespeed/module/filter-attribute-elide
   pagespeed EnableFilters elide_attributes;

  # https://developers.google.com/speed/pagespeed/module/filter-dedup-inlined-images
   pagespeed EnableFilters dedup_inlined_images;

  # filters outlined at http://ngxpagespeed.com/ngx_pagespeed_example/
  pagespeed RewriteLevel CoreFilters;
  pagespeed EnableFilters collapse_whitespace,remove_comments;

  # make_google_analytics_async
  # https://developers.google.com/speed/docs/mod_pagespeed/filter-make-google-analytics-async
#  pagespeed EnableFilters make_google_analytics_async;

  # prioritize_critical_css
  # https://developers.google.com/speed/docs/mod_pagespeed/filter-prioritize-critical-css
   pagespeed EnableFilters prioritize_critical_css;

  # move_css_to_head
  # https://developers.google.com/speed/docs/mod_pagespeed/filter-css-to-head
  pagespeed EnableFilters move_css_to_head;

  # move_css_above_scripts
  # https://developers.google.com/speed/docs/mod_pagespeed/filter-css-above-scripts
  pagespeed EnableFilters move_css_above_scripts;

  # combine_css
  # https://developers.google.com/speed/docs/mod_pagespeed/filter-css-combine
  pagespeed EnableFilters combine_css;

   # Uncomment this if you want to prevent mod_pagespeed from combining files
   # (e.g. CSS files) across paths
   #
#  pagespeed CombineAcrossPaths off;

  # combine_javascript
  # https://developers.google.com/speed/docs/mod_pagespeed/filter-js-combine
  pagespeed EnableFilters combine_javascript;
  pagespeed MaxCombinedJsBytes 140000;
  pagespeed EnableFilters defer_javascript;

  # extend_cache
  # https://developers.google.com/speed/docs/mod_pagespeed/filter-cache-extend
#  pagespeed EnableFilters extend_cache;

  # rewrite_css
  # https://developers.google.com/speed/docs/mod_pagespeed/filter-css-rewrite
  pagespeed EnableFilters rewrite_css;

  # rewrite_javascript
  # https://developers.google.com/speed/docs/mod_pagespeed/filter-js-minify
  pagespeed EnableFilters rewrite_javascript;

  # inline_javascript
  # https://developers.google.com/speed/pagespeed/module/filter-js-inline
  pagespeed EnableFilters inline_javascript;

  # inline_preview_images
  # https://developers.google.com/speed/pagespeed/module/filter-inline-preview-images
  pagespeed EnableFilters inline_preview_images;

  # resize_mobile_images
  # https://developers.google.com/speed/pagespeed/module/filter-inline-preview-images#resize_mobile_images
  pagespeed EnableFilters resize_mobile_images;
  pagespeed MaxInlinedPreviewImagesIndex 6;
  pagespeed MinImageSizeLowResolutionBytes 3072;

  # lazyload_images
  # https://developers.google.com/speed/docs/mod_pagespeed/filter-lazyload-images
  pagespeed EnableFilters lazyload_images;
  pagespeed LazyloadImagesAfterOnload off;

  # rewrite_images
  # https://developers.google.com/speed/docs/mod_pagespeed/filter-image-optimize
   pagespeed EnableFilters rewrite_images;
  #pagespeed DisableFilters rewrite_images;
  #pagespeed DisableFilters recompress_images;
  #pagespeed DisableFilters convert_png_to_jpeg;
  #pagespeed DisableFilters extend_cache_images;
  pagespeed EnableFilters convert_png_to_jpeg;
  pagespeed EnableFilters convert_jpeg_to_webp;
  pagespeed EnableFilters convert_to_webp_lossless;

  # sprite_images
  # https://developers.google.com/speed/docs/mod_pagespeed/filter-image-sprite
pagespeed EnableFilters rewrite_css,sprite_images;

  # Bound the number of images that can be rewritten at any one time; this
  # avoids overloading the CPU.  Set this to 0 to remove the bound.
  #
#  pagespeed ImageMaxRewritesAtOnce 2;

  # insert_dns_prefetch
  # https://developers.google.com/speed/docs/mod_pagespeed/filter-insert-dns-prefetch
#  pagespeed EnableFilters insert_dns_prefetch;

  # InPlaceResourceOptimization
  # https://developers.google.com/speed/pagespeed/module/system#ipro
  # Enabled by default as of 1.9.32.1
  pagespeed InPlaceResourceOptimization off;
#######################################################

Note:

If you're using https/SSL need additional settings which are not found in my forum's posted pagespeed.conf PageSpeed HTTPS Support - PageSpeed Module — Google Developers

For example if I had https/SSL enabled on the forums I need to add to pagespeed.conf this line. Changing your paths appropriately for your domain of course.

Code:

pagespeed LoadFromFile "https://community.centminmod.com" "/home/nginx/domains/community.centminmod.com/public";

looks like indeed pagespeed might need these settings PageSpeed HTTPS Support

For CentOS

Code (Text):

  # https://www.modpagespeed.com/doc/https_support
   pagespeed SslCertDirectory /etc/pki/tls/certs;
   pagespeed SslCertFile /etc/pki/tls/cert.pem;

Update: Feb 23, 2016

Looks like a centmin mod user's question on ngx_pagespeed issue tracker at CSS, JS not combing & Images are not rewriting · Issue #1129 · pagespeed/ngx_pagespeed · GitHub has led to learning something new for me too

instead of using LoadFromFile format like this which may incorrect try to optimise non-static files

Code (Text):

pagespeed LoadFromFile "http://centminmod.com" "/home/nginx/domains/centminmod.com/public";
pagespeed LoadFromFile "https://centminmod.com" "/home/nginx/domains/centminmod.com/public";

you can use format from LoadFromFileMatch and LoadFromFileRuleMatch to tell ngx_pagespeed to only optimise static files with specific extensions !

Code (Text):

pagespeed LoadFromFileMatch "^https?://centminmod.com/" "/home/nginx/domains/centminmod.com/public/";
pagespeed LoadFromFileRuleMatch disallow .*;
pagespeed LoadFromFileRuleMatch allow \.css$;
pagespeed LoadFromFileRuleMatch allow \.jpe?g$;
pagespeed LoadFromFileRuleMatch allow \.png$;
pagespeed LoadFromFileRuleMatch allow \.gif$;
pagespeed LoadFromFileRuleMatch allow \.js$;

The first line matches both http and https version of site so only use if you have SSL certificate and https and http both working. If only have http site and NO https use

Code (Text):

pagespeed LoadFromFileMatch "^http://centminmod.com/" "/home/nginx/domains/centminmod.com/public/";
pagespeed LoadFromFileRuleMatch disallow .*;
pagespeed LoadFromFileRuleMatch allow \.css$;
pagespeed LoadFromFileRuleMatch allow \.jpe?g$;
pagespeed LoadFromFileRuleMatch allow \.png$;
pagespeed LoadFromFileRuleMatch allow \.gif$;
pagespeed LoadFromFileRuleMatch allow \.js$;

or just old LoadFromFile

Code (Text):

pagespeed LoadFromFile "http://centminmod.com" "/home/nginx/domains/centminmod.com/public";
pagespeed LoadFromFileRuleMatch disallow .*;
pagespeed LoadFromFileRuleMatch allow \.css$;
pagespeed LoadFromFileRuleMatch allow \.jpe?g$;
pagespeed LoadFromFileRuleMatch allow \.png$;
pagespeed LoadFromFileRuleMatch allow \.gif$;
pagespeed LoadFromFileRuleMatch allow \.js$;

 

The Disallow directives are to work around some Nginx Pagespeed incompatible Xenforo elements such as json requests like

Code:

pagespeed Disallow */js/dark/postrating.js*;
pagespeed Disallow */js/xenforo/tabalerts.js*;
pagespeed Disallow */lost-password/lost;
pagespeed Disallow */lost-password/*;
pagespeed Disallow */payment_callback.php*;
pagespeed Disallow */munin/*;
pagespeed Disallow */admincp/*;
pagespeed Disallow */cron.php*;
pagespeed Disallow */admin.php*;
pagespeed Disallow */css.php*;
pagespeed Disallow */js/jquery/jquery-1.11.0.min.js*;
pagespeed Disallow */js/xenforo/xenforo.js*;
pagespeed Disallow */mark-read*;
pagespeed Disallow */forums/-/mark-read*;
pagespeed Disallow */reply/preview*;
pagespeed Disallow */account/alerts-popup*;
pagespeed Disallow */conversations/popup*;
pagespeed Disallow */conversations/*;
pagespeed Disallow */account/alerts/*;
pagespeed Disallow */?card*;
pagespeed Disallow */misc/quick-navigation-menu*;
pagespeed Disallow */misc/update-cache-ttl*;
pagespeed Disallow */deferred.php*;
pagespeed Disallow */forums/*;
pagespeed Disallow */attachments/*;
pagespeed Disallow */rgba.php*;
pagespeed Disallow */add-reply*;
pagespeed Disallow */edit-inline*;
pagespeed Disallow */save-inline*;
pagespeed Disallow */posts/*/save-inline*;
pagespeed Disallow */posts/*/edit*;
pagespeed Disallow */posts/*/delete*;
pagespeed Disallow */posts/*/ip*;
pagespeed Disallow */posts/*/report*;
pagespeed Disallow */proxy.php*;

 

Thanks @RoldanLT

 

Cleaned up and revised my pagespeed.conf to the one above.

 

To prevent pagespeed from deferring them as they can break stuff that requires them early on depending on the style etc.

 

could be style specific ?

 

yeah should be, although would defeat a huge purpose of using pagespeed for other js files if pagespeed didn't enable defer js filter (with Disallow exclusions where necessary)

 

Maybe for folks with advertising conflicts starting a new thread with troubleshooting steps http://community.centminmod.com/threads/nginx-pagespeed-troubleshooting-steps.32/ might help

 

Started a thread for this http://community.centminmod.com/threads/ngx_pagespeed-advertising-conflicts.186/

 

Added a few more Xenforo specific pagespeed filter exclusions, when editing a post, the editor lags when loading due to pagespeed deferring js files. So disabling these allow the editor to render immediately rather than deferred

Code:

pagespeed Disallow */edit-inline*;
pagespeed Disallow */save-inline*;
pagespeed Disallow */posts/*/save-inline*;
pagespeed Disallow */posts/*/edit*;
pagespeed Disallow */posts/*/delete*;
pagespeed Disallow */posts/*/ip*;
pagespeed Disallow */posts/*/report*;

 

it is now

 

no it isn't required to use FetchHttps https://developers.google.com/speed/pagespeed/module/https_support#https_fetch and to me it would slow the requests compared to LoadFromFile https://developers.google.com/speed/pagespeed/module/https_support#load_from_file local request method