Pagespeed speeds up your site and reduces page load time. Ngx_pagespeed is an open-source module that automatically optimizes web server’s performance by reducing the resource size, load time of pages and associated assets (CSS, JavaScript, images) without requiring that you modify your existing content or data flow.<\/p>\n
By Default , Nginx does not support dynamic loading of modules available in other web servers such as Apache. Therefore, we have to rebuild it from source to enable this module.<\/p>\n
In this blog, we will speed up nginx by adding\u00a0ngx_pagespeed module on ubuntu 14.04. Here we go !!<\/p>\n
First of all, we have to update the list of the available packages, run the following command :-<\/p>\n
sudo apt-get update<\/span><\/p>\n Install Nginx along with all the dependencies :-<\/p>\n sudo apt-get build-dep nginx<\/span><\/p>\n Next, we have to download the Nginx source package in home directory (change location accordingly) with the following command :-<\/p>\n cd ~<\/span><\/p>\n sudo apt-get source nginx<\/span><\/p>\n Run ‘ls’ command to see the content, the result should look like this :-<\/p>\n nginx-1.4.6 nginx_1.4.6-1ubuntu3.3.debian.tar.gz nginx_1.4.6-1ubuntu3.3.dsc nginx_1.4.6.orig.tar.gz<\/span><\/p>\n To start adding the ngx_pagespeed<\/strong> module, you first need to go to the modules folder within the extracted folder nginx-1.4.6 :-<\/span><\/p>\n cd nginx-1.4.6\/debian\/modules<\/span><\/p>\n In this directory, download the latest ngx_pagespeed source archive from its Github repository with the command:-<\/p>\n sudo wget https:\/\/github.com\/pagespeed\/ngx_pagespeed\/archive\/master.zip<\/span><\/p>\n Unzip it :-<\/p>\n unzip master.zip<\/span><\/p>\n This will create a new directory called ngx_pagespeed-master<\/strong> inside your ~\/nginx-1.4.6\/debian\/modules directory.For convenience rename this directory to just ngx_pagespeed :-<\/p>\n sudo mv ngx_pagespeed-master ngx_pagespeed <\/span>\u00a0<\/span><\/p>\n Download the PageSpeed Optimization Libraries (psol) which are required for the compilation. Run the following commands :-<\/span><\/p>\n cd ngx_pagespeed<\/span><\/p>\n sudo wget https:\/\/dl.google.com\/dl\/page-speed\/psol\/1.9.32.6.tar.gz<\/span><\/p>\n sudo tar -xzvf 1.9.32.6.tar.gz <\/span>\u00a0<\/span><\/p>\n At this point we are ready to customize the compilation rules and include ngx_pagespeed in the installation. For this purpose edit the file ~\/nginx-1.4.6\/debian\/rules<\/strong> :-<\/span><\/p>\n sudo nano ~\/nginx-1.4.6\/debian\/rules<\/span><\/p>\n At the end of the light_configure_flags<\/strong> configuration block, add the line:-<\/p>\n –add-module=$(MODULESDIR)\/ngx_pagespeed \u00a0\\<\/span><\/p>\n \nNote:- Please don’t forget to add\u00a0a backslash (\\) at the end of the row.\n<\/p>\n<\/div>\n<\/div>\n The scenario should look like this :-<\/p>\n \nThere are\u00a0five different scenarios for building Nginx’s packages: core, full, light, extras and naxsi.You could add the same line to the other build scenarios too if you find a different Nginx setup more convenient.\n<\/p>\n<\/div>\n<\/div>\n Next,we have to increase the source package version. For this edit the changelog file :-<\/p>\n sudo nano \u00a0~\/nginx-1.4.6\/debian\/changelog<\/span><\/p>\n Add a custom tag such as pagespeed<\/strong> at the very first line of \u00a0changelog file containing the version number like this :-<\/p>\n nginx (1.4.6-1ubuntu3.3-pagespeed) trusty-proposed; urgency=medium<\/span><\/p>\n Now you have customized the build to include the ngx_pagespeed module, you are ready to build Nginx.Go to the directory ~\/nginx-1.4.6\/ and\u00a0run the command to build the new custom Nginx binary packages\u00a0<\/strong>:-<\/p>\n After the build completes, see the content of root.You should find a lot of .deb packages.\u00a0The ones you need are called nginx-common_1.4.6-1ubuntu3.3-pagespeed_all.deb<\/strong> (containing the common Nginx files) and nginx-light_1.4.6-1ubuntu3.3-pagespeed_amd64.deb<\/strong> (containing your custom light server).<\/p>\n To install your custom Nginx with pagespeed module run the command :-<\/p>\n sudo dpkg -i nginx-common_1.4.6-1ubuntu3.3-pagespeed_all.deb nginx-light_1.4.6-1ubuntu3.3-pagespeed_amd64.deb<\/span><\/p>\n You now have Nginx installed. The next step is to enable the ngx_pagespeed module.Before enabling the module, you have to create a folder, where it will cache the files for your website :-<\/p>\n sudo mkdir -p \/var\/ngx_pagespeed_cache<\/span><\/p>\n Change the ownership of this folder to the nginx user :-<\/p>\n sudo chown -R www-data:www-data \/var\/ngx_pagespeed_cache<\/span><\/p>\n Add the following lines to the http block of nginx’s main configuration file \/etc\/nginx\/nginx.conf :-<\/p>\n The scenario should look like this :-<\/p>\n Also, you need to add pagespeed configuration lines to every server block file located in \/etc\/nginx\/sites-available. For example, edit the \/etc\/nginx\/sites-available\/default file :-<\/p>\n Add the following to the end of the server block :-<\/p>\n The above pagespeed configuration lines ensure that pagespeed will optimize every site’s resources.<\/p>\n Finally, restart Nginx server :-<\/p>\n Test the installation by\u00a0running the Nginx binary like this :-<\/p>\n sudo \/usr\/sbin\/nginx -V <\/span>\u00a0<\/span><\/p>\n You should see the ngx_pagespeed module listed among the other modules :-<\/span><\/p>\n After that check for the X-Page-Speed header like this :-<\/p>\n If the ngx_pagespeed module works fine, you should see it in the output along with its version :-<\/p>\nconfig.status.light: config.env.light \r\n cd $(BUILDDIR_light) && .\/configure \\ \r\n $(common_configure_flags) \\ \r\n --with-http_gzip_static_module \\ \r\n --without-http_browser_module \\\r\n --without-http_geo_module \\\r\n --without-http_limit_req_module \\ \r\n --without-http_limit_zone_module \\\r\n --without-http_memcached_module \\ \r\n --without-http_referer_module \\\r\n --without-http_scgi_module \\ \r\n --without-http_split_clients_module \\ \r\n --without-http_ssi_module \\ \r\n --without-http_userid_module \\ \r\n --without-http_uwsgi_module \\ \r\n --add-module=$(MODULESDIR)\/nginx-echo \\ \r\n --add-module=$(MODULESDIR)\/ngx_pagespeed \\\r\n >$@\r\n touch $@<\/pre>\n
cd ~\/nginx-1.4.6\/<\/pre>\n
sudo dpkg-buildpackage -b<\/pre>\n
##\r\n# Pagespeed Settings\r\n##\r\n\r\npagespeed on;\r\npagespeed FileCachePath \/var\/ngx_pagespeed_cache;<\/pre>\n
...\r\nhttp {\r\n\r\n##\r\n# Basic Settings\r\n##\r\n\r\nsendfile on;\r\ntcp_nopush on;\r\ntcp_nodelay on;\r\nkeepalive_timeout 65;\r\ntypes_hash_max_size 2048;\r\n# server_tokens off;\r\n\r\n# server_names_hash_bucket_size 64;\r\n# server_name_in_redirect off;\r\n\r\n##\r\n# Pagespeed Settings\r\n##\r\n\r\npagespeed on;\r\npagespeed FileCachePath \/var\/ngx_pagespeed_cache;\r\n...<\/pre>\nsudo nano \/etc\/nginx\/sites-available\/default<\/pre>\n
# Ensure requests for pagespeed optimized resources go to the pagespeed\r\n# handler and no extraneous headers get set.\r\nlocation ~ \"\\.pagespeed\\.([a-z]\\.)?[a-z]{2}\\.[^.]{10}\\.[^.]+\" { add_header \"\" \"\"; }\r\nlocation ~ \"^\/ngx_pagespeed_static\/\" { }\r\nlocation ~ \"^\/ngx_pagespeed_beacon\" { }<\/pre>\nsudo service nginx restart<\/pre>\n
nginx version: nginx\/1.4.6\r\n...\r\n--add-module=root\/nginx-1.4.6\/debian\/modules\/ngx_pagespeed<\/pre>\n
curl -I -p http:\/\/localhost| grep X-Page-Speed<\/pre>\n
X-Page-Speed: 1.9.32.6-7321<\/pre>\n