五步优化网站加载速度：零门槛可直接落地的完整实操指南

第一步：检测当前网站加载基准

你不需要安装任何软件，直接使用免费在线工具获取准确的优化前数据，操作如下：

• 打开Google PageSpeed Insights：https://pagespeed.web.dev/，输入你的网站域名，点击「分析」，10秒即可生成报告，重点关注报告中的首屏加载时间和总资源体积两个指标
• 如果你的用户主要在国内，再打开站长工具测速：https://tool.chinaz.com/speedtest/，输入域名测速，记录国内节点的加载耗时

把记录的两个指标保存下来，作为优化后的对比基准。

第二步：压缩静态资源（见效最快的优化项）

网站加载体积中，图片、CSS、JS占比超过80%，压缩后能直接减少加载时间，操作零门槛：

1. 无损压缩图片

• 个人/小型站点手动操作：直接打开免费在线压缩工具https://tinypng.com/，将需要上传到网站的图片拖拽到页面，工具自动完成无损压缩，压缩率通常在50%-70%，画质无肉眼可分辨的损失，压缩完成后批量下载，替换原网站的图片即可
• WordPress站点自动压缩：直接进入后台插件市场，搜索「EWWW Image Optimizer」，安装启用后，插件会自动压缩已有图片，后续上传新图片也会自动压缩，无需手动操作

2. 压缩CSS/JS代码

• 手动压缩：打开在线压缩工具https://tool.chinaz.com/jsmin/，将原CSS或JS代码粘贴到输入框，点击压缩后复制压缩后的代码，直接替换原网站的对应文件即可
• 打包项目自动压缩：如果你的项目用Vite构建，先执行安装命令：npm install vite-plugin-compression -D，然后在vite.config.js中添加完整配置： ``` import { defineConfig } from 'vite' import viteCompression from 'vite-plugin-compression' export default defineConfig({ plugins: [ viteCompression({ algorithm: 'gzip', ext: '.gz', threshold: 10240, deleteOriginFile: false }) ] }) ``` 重新打包后自动产出压缩后的文件，不需要额外操作。

第三步：开启Gzip压缩与浏览器缓存

如果你的网站用Nginx部署，只需要修改配置就能完成，操作步骤如下：

1. 开启Gzip压缩

找到你的Nginx域名配置文件，默认路径为/etc/nginx/conf.d/你的域名.conf，在server块内添加以下完整可复制配置： ``` gzip on; gzip_min_length 1k; gzip_buffers 4 16k; gzip_http_version 1.1; gzip_comp_level 6; gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript image/jpeg image/gif image/png; gzip_vary on; ```

添加完成后，先执行命令检查配置是否正确：nginx -t，如果输出test is successful，再执行重载配置命令：nginx -s reload，配置即可生效，Gzip可以把文本类资源压缩70%左右。

2. 配置静态资源缓存

同样在Nginx配置的server块内添加以下配置，让用户浏览器缓存静态资源，二次访问无需重新下载： ``` location ~ \.(jpg|jpeg|png|gif|ico|css|js|woff2?|svg)$ { expires 30d; add_header Cache-Control "public, immutable"; } ``` 添加完成后同样执行nginx -t检查、nginx -s reload重载即可。

第四步：接入免费CDN加速

CDN会把你的静态资源分发到全国/全球的边缘节点，用户从最近的节点获取资源，大幅降低加载延迟，个人中小站点可以免费使用，操作步骤：

• 打开火山引擎CDN官网：https://www.volcengine.com/product/cdn，注册账号后完成个人实名认证，全程10分钟左右
• 进入CDN控制台，点击添加域名，填写你的网站域名，源站填写你原来的服务器IP，其余配置保持默认即可
• 按照控制台提示，登录你的域名注册商后台，修改域名的DNS解析，把原来的A记录换成CDN提供的CNAME地址，等待10-30分钟解析生效即可

如果是纯静态网站，不需要自己买服务器，直接绑定Github仓库部署到Vercel（https://vercel.com/），自带全球免费CDN，零配置就能用。

第五步：优化首屏加载逻辑

最后做两个简单调整，进一步降低首屏加载时间：

1. 开启图片懒加载

非首屏图片进入可视区再加载，大幅减少首屏请求数量，原生网站只需要两步：

• 给所有非首屏的img标签添加属性，修改为：
• 把以下代码复制到你的html页面底部之前，直接生效： ``` ```

2. 删除无用第三方脚本

逐个检查你网站插入的第三方脚本，比如没用的统计代码、访客挂件、分享按钮、广告弹窗，只保留必须保留的，每删除一个无用脚本，就能减少一个阻塞加载的请求，直接提升加载速度。

所有优化操作完成后，回到第一步的测速工具重新测试，对比优化前后的数据，通常可以把首屏加载时间从3秒以上降低到1秒以内，完成优化。