性能优化 on 技术笔记

HTTP压缩优化实战：让你的网页加载速度提升3倍

Fri, 25 Sep 2026 17:16:00 +0800

为什么HTTP压缩如此重要

在当今的互联网环境中，网页加载速度直接影响用户体验和SEO排名。据统计，53%的访客会在3秒内离开加载过慢的网站。而HTTP压缩是提升加载速度最有效的方法之一——它可以将传输数据量减少60-90%，从而让网页加载速度提升2-3倍。

HTTP压缩通过在服务器端压缩文件，在客户端解压缩的方式，减少了网络传输的数据量。这不仅提升了加载速度，还能节省带宽成本，特别是在移动网络环境下效果更为明显。

HTTP压缩原理

HTTP压缩基于内容编码（Content-Encoding）机制。当服务器支持压缩时，它会：

检查客户端是否支持压缩（通过Accept-Encoding头）
对响应内容进行压缩（通常使用gzip或br算法）
设置Content-Encoding头告知客户端压缩方式
客户端收到后自动解压

常见的压缩算法：

gzip：最广泛支持的压缩算法，压缩率中等
brotli (br)：Google开发的新算法，压缩率更高但CPU消耗更大
deflate：较少使用，压缩率较低

{< figure src="/images/http-compression-guide-1.jpg" caption=“压缩传输让页面飞起来” >}

Nginx配置HTTP压缩

Nginx是最流行的Web服务器之一，配置HTTP压缩非常简单。

基础gzip配置

# 在http块中添加以下配置
http {
    # 开启gzip压缩
    gzip on;
    
    # 压缩级别（1-9，9压缩率最高但最耗CPU）
    gzip_comp_level 6;
    
    # 最小压缩文件大小（字节）
    gzip_min_length 1000;
    
    # 压缩的文件类型
    gzip_types
        text/plain
        text/css
        text/xml
        text/javascript
        application/json
        application/javascript
        application/xml+rss
        application/atom+xml
        image/svg+xml;
    
    # 禁用对IE6的gzip支持（IE6不支持gzip）
    gzip_disable "MSIE [1-6]\.";
    
    # 添加Vary头
    gzip_vary on;
}

高级brotli配置

# 需要nginx的brotli模块支持
http {
    # 开启brotli压缩
    brotli on;
    brotli_comp_level 6;
    brotli_types text/plain text/css text/xml text/javascript application/json application/javascript application/xml+rss application/atom+xml image/svg+xml;
    
    # 同时启用gzip作为降级方案
    gzip on;
    gzip_comp_level 6;
    gzip_min_length 1000;
    gzip_types text/plain text/css text/xml text/javascript application/json application/javascript application/xml+rss application/atom+xml image/svg+xml;
}

Apache配置HTTP压缩

Apache同样支持HTTP压缩配置。

DNS优化指南：让你的网页访问速度提升50%

Fri, 25 Sep 2026 16:46:00 +0800

什么是DNS

DNS（Domain Name System，域名系统）是互联网的"电话簿"，它将人类可读的域名（如www.google.com）转换为机器可读的IP地址（如142.250.191.78）。每次你访问网站时，浏览器都需要先通过DNS查询获取目标服务器的IP地址，然后才能建立连接。

很多人不知道的是，DNS查询往往是网页加载的第一个瓶颈。据统计，全球平均DNS解析时间约为200-300ms，而优化后的DNS解析可以控制在50ms以内，这意味着你的网页访问速度可能因此提升50%以上。

DNS查询的完整流程

当你输入网址后，DNS查询会经历以下步骤：

浏览器缓存：浏览器首先检查自己的缓存
系统缓存：如果没有，检查操作系统的DNS缓存
路由器缓存：再检查路由器的DNS缓存
ISP DNS：最后向互联网服务提供商的DNS服务器查询

这个过程中任何一个环节延迟，都会影响整体的网页加载速度。

如何优化DNS配置

1. 使用公共DNS服务器

默认情况下，我们使用的是ISP提供的DNS服务器，这些服务器往往响应较慢且不稳定。改用公共DNS服务器可以显著提升解析速度。

Windows系统设置DNS：

# 设置Cloudflare DNS
netsh interface ip set dns "本地连接" static 1.1.1.1
netsh interface ip add dns "本地连接" 1.0.0.1 index=2

macOS系统设置DNS：

# 编辑网络配置文件
sudo nano /etc/resolver/test

# 添加以下内容
nameserver 1.1.1.1
nameserver 1.0.0.1

2. 启用DNS over HTTPS (DoH)

传统的DNS查询是明文的，容易被监听和劫持。DoH通过HTTPS加密DNS查询，既安全又快速。

Chrome浏览器启用DoH：

打开设置 → 隐私和安全 → 安全
启用"使用安全DNS"
选择"自定义"并输入：https://dns.cloudflare.com/dns-query

Firefox浏览器启用DoH：

在地址栏输入：about:config
搜索：network.trr.mode
将值设置为：2（启用DoH）

3. DNS缓存优化

清除DNS缓存：

# Windows
ipconfig /flushdns

# macOS
sudo dscacheutil -flushcache

# Linux
sudo systemd-resolve --flush-caches

设置合理的TTL值：

TTL（Time To Live）决定了DNS记录在缓存中保存的时间。合理的TTL值可以平衡性能和更新速度。