ngx_pagespeed 项目教程

1、项目介绍

ngx_pagespeed 是一个自动优化 Nginx 性能的模块，由 Apache 维护。它通过应用网页性能最佳实践，自动优化网页及其相关资源（如 CSS、JavaScript 和图像），从而减少页面加载时间。该项目不需要修改现有内容或工作流程，提供了包括图像优化、CSS 和 JavaScript 压缩、资源内联、延迟加载等多种功能。

2、项目快速启动

安装依赖

首先，确保系统上安装了必要的构建工具和依赖项：

sudo apt-get update
sudo apt-get install build-essential zlib1g-dev libpcre3 libpcre3-dev unzip

下载并编译 ngx_pagespeed

1. 克隆项目仓库：

git clone https://github.com/apache/incubator-pagespeed-ngx.git
cd incubator-pagespeed-ngx

2. 下载预编译的 PageSpeed 优化库（PSOL）：

wget https://dl.google.com/dl/page-speed/psol/1.13.35.2-x64.tar.gz
tar -xzvf 1.13.35.2-x64.tar.gz

3. 编译并安装 Nginx 与 ngx_pagespeed 模块：

# 假设 Nginx 源码在 ~/nginx-1.21.0 目录
cd ~/nginx-1.21.0
./configure --add-module=/path/to/incubator-pagespeed-ngx
make
sudo make install

配置 Nginx

在 Nginx 配置文件中添加 ngx_pagespeed 配置：

server {
    listen 80;
    server_name example.com;

    location / {
        pagespeed on;
        pagespeed FileCachePath /var/ngx_pagespeed_cache;
    }
}

重启 Nginx 服务：

sudo systemctl restart nginx

3、应用案例和最佳实践

案例一：电商网站优化

• 图像优化：使用 ngx_pagespeed 自动压缩和调整图像大小，减少页面加载时间。
• 资源内联：将关键 CSS 和 JavaScript 内联到 HTML 中，加快首屏渲染速度。

案例二：新闻门户网站

• HTML 重写：优化 HTML 结构，减少不必要的标签和属性。
• 缓存扩展：延长静态资源的缓存时间，减少重复请求。

4、典型生态项目

• Nginx：作为 ngx_pagespeed 的宿主服务器，提供高性能的 HTTP 和反向代理服务。
• Google PageSpeed Insights：用于分析和优化网页性能的工具，与 ngx_pagespeed 配合使用，进一步提升网站性能。

通过以上步骤，您可以快速启动并配置 ngx_pagespeed 模块，优化您的 Nginx 服务器性能。