Блог  /  Linux   /   PageSpeed Module

PageSpeed Module

PageSpeed применяется для оптимизации страницы, CSS, JavaScript и изображений, уменьшая время загрузки сайта.


Установка и настройка

1) Подключитесь к серверу по SSH и выполните команду:

# https://www.modpagespeed.com/doc/build_ngx_pagespeed_from_source
bash <(curl -f -L -sS https://ngxpagespeed.com/install) --nginx-version $(nginx -v 2>&1 | awk -F '/' '{print $2}') --dynamic-module

2) Для конфигурации nginx указываем параметр «with-compat»

Extracting nginx...
About to build nginx.  Do you have any additional ./configure
arguments you would like to set?  For example, if you would like
to build nginx with https support give --with-http_ssl_module
If you don't have any, just press enter.
> --with-compat
About to configure nginx with:
   ./configure --add-dynamic-module=/root/incubator-pagespeed-ngx-latest-stable --with-compat
Does this look right? [Y/n] y

3) Доходим до «Build nginx?» и отказываемся:

Build nginx? [Y/n] n
Cancelled.

4) Переходим в загруженный nginx:

cd nginx-*

5) Собираем «ngx_pagespeed.so» командой:

make modules

6) Копируем модуль в nginx:

mkdir -p /etc/nginx/modules
cp objs/ngx_pagespeed.so /etc/nginx/modules
chmod 666 /etc/nginx/modules/ngx_pagespeed.so

7) В «/etc/nginx/nginx.conf» ниже «worker_processes» добавляем:

load_module "modules/ngx_pagespeed.so";

8) В секцию server нужного сайта добавляем:

pagespeed on;
pagespeed FileCachePath /var/cache/ngx_pagespeed/ispcore;
pagespeed FileCacheSizeKb 1000000;             # 1GB
pagespeed FileCacheCleanIntervalMs 260000000;  # 3 дня
pagespeed FileCacheInodeLimit 10000;

pagespeed RespectXForwardedProto on; # SSL Url
pagespeed RewriteLevel PassThrough;

pagespeed EnableFilters inline_google_font_css;
pagespeed FetchHttps enable;

#pagespeed EnableFilters prioritize_critical_css;
pagespeed EnableFilters combine_css,rewrite_css,inline_import_to_link,fallback_rewrite_css_urls,flatten_css_imports;
#pagespeed EnableFilters inline_css;
#pagespeed CssInlineMaxBytes 2000;   # 2KB

pagespeed EnableFilters combine_javascript,rewrite_javascript,defer_javascript;
#pagespeed EnableFilters inline_javascript;
#pagespeed JsInlineMaxBytes  2000;   # 2KB

#pagespeed EnableFilters inline_images;
#pagespeed ImageInlineMaxBytes 3000;   # 3KB

pagespeed EnableFilters lazyload_images;
#pagespeed EnableFilters resize_images;
pagespeed EnableFilters convert_to_webp_lossless;
pagespeed EnableFilters convert_to_webp_animated;
pagespeed EnableFilters recompress_images;
pagespeed EnableFilters sprite_images;

pagespeed EnableFilters collapse_whitespace;
pagespeed EnableFilters remove_comments;
pagespeed EnableFilters extend_cache;

9) Перезагружаем nginx:

service nginx restart


Теперь все изображения, стили и скрипты будут автоматически оптимизироваться повышая скорость загрузки вашего сайта.