跳到主要内容

性能优化建议

优化您的 PDF，实现快速加载并提升顾客体验。

优化 PDF 文件大小​

目标大小控制在 5MB 以内：

  • 5MB 以下的文件加载速度快
  • 顾客不需要等待大文件下载
  • 移动端用户尤其需要小文件

压缩 PDF：

  • 使用在线压缩工具
  • 将图片质量降低至 150-200 DPI
  • 删除不必要的嵌入字体
  • 拼合图层

删除不必要的内容：

  • 删除空白页
  • 删除隐藏图层
  • 移除未使用的图形
  • 压缩嵌入的图片

选择合适的显示样式​

按钮显示 = 加载更快：

  • 页面即时加载
  • 仅在顾客点击时才加载 PDF
  • 更适合移动端
  • 更适合多个 PDF

嵌入式查看器 = 加载较慢：

  • PDF 随页面一起加载
  • 顾客需要等待查看器初始化
  • 占用屏幕空间
  • 可能拖慢页面加载速度

性能优先时请使用按钮显示样式。

针对移动端优化​

控制文件大小：

  • 移动网络速度较慢
  • 顾客不愿等待大文件
  • 移动端理想大小为 3MB 以内

在真实移动设备上测试：

  • 使用真实手机，而非仅依赖浏览器模拟
  • 在 4G 和 5G 环境下测试
  • 在慢速连接下测试

使用按钮显示样式：

  • 嵌入式查看器在移动端可能显得局促
  • 按钮在小屏幕上体验更好
  • 弹窗提供全屏查看体验

限制每页 PDF 数量​

数量越少，加载越快：

  • 每个 PDF 都会增加加载时间（嵌入式显示）
  • 每页 1-3 个 PDF 最为理想
  • 超过 5 个可能明显拖慢页面

合并相关内容：

  • 用一个内容全面的 PDF 替代多个小文件
  • 减少需要加载的文件数量
  • 让顾客更容易找到所需信息

使用未激活状态：

  • 不需要时将季节性 PDF 隐藏
  • 即使已链接也能减少加载
  • 仅在相关时激活

PDF 中的图片优化​

在添加到 PDF 之前先压缩图片：

  • 将图片调整到实际显示尺寸（不要使用大分辨率原图）
  • 压缩图片（JPEG 质量 70-80%）
  • 使用合适格式（照片用 JPEG，图形用 PNG）

限制 PDF 中的图片数量：

  • 纯文字 PDF 加载最快
  • 图片应有必要性
  • 考虑用文字描述替代图片

延迟加载​

工作原理：

  • PDF 仅在屏幕上可见时才加载
  • 顾客向下滚动时触发加载
  • 节省顾客未查看内容的带宽

自动启用：

  • PDF Connect 默认使用延迟加载
  • 无需任何配置
  • 两种显示样式均支持

浏览器缓存​

PDF 会被缓存：

  • 首次加载需要时间
  • 重复访问从缓存加载
  • 回访顾客的加载速度大大提升

谨慎清除缓存：

  • 可能显示旧缓存的 PDF
  • 更新后的 PDF 会快速被缓存
  • 更新时内置缓存刷新机制

对页面加载速度的影响​

测试您的页面速度：

  • 使用 Google PageSpeed Insights
  • 添加 PDF 前后各测试一次
  • 尽量将影响降到最低

嵌入式查看器对页面的影响更大：

  • 每个嵌入式查看器都会增加页面体积
  • 考虑使用按钮显示样式以获得更好的评分
  • 首页尤其需要快速加载

托管与分发​

云端分发：

  • PDF 从快速云存储服务提供
  • 全球 CDN 实现全球快速访问
  • 自动优化

不影响性能：

  • PDF 不会拖慢您的 Shopify 商店
  • 独立于您的商店托管
  • 无论您使用哪个套餐，分发速度都很快

多 PDF 的性能​

按钮显示样式扩展性更好：

  • 10 个 PDF 以按钮显示 = 加载影响极小
  • 10 个嵌入式查看器 = 明显拖慢速度
  • 多 PDF 页面请谨慎选择显示方式

按需加载：

  • 按钮仅在点击时才加载 PDF
  • 更好地利用带宽
  • 顾客自主选择加载内容

监控性能​

定期检查：

  • 每月测试页面加载速度
  • 收集顾客反馈
  • 关注加载慢的投诉

追踪文件大小：

  • 了解您最大 PDF 的大小
  • 压缩超大文件
  • 设定最大文件大小策略（例如 5MB 限制）

在慢速连接下测试：

  • 模拟 3G 速度
  • 测试真实移动数据环境
  • 考虑最差情况场景

快速优化清单​

上传 PDF 前：

✅ 压缩至 5MB 以内 ✅ 将图片质量降低至 150-200 DPI ✅ 删除空白页或不必要的页面 ✅ 拼合图层 ✅ 正确嵌入字体 ✅ 测试加载时间

上传后：

✅ 尽可能使用按钮显示样式 ✅ 限制每页嵌入式查看器数量 ✅ 在移动设备上测试 ✅ 检查页面加载速度 ✅ 监控顾客体验

优化工具​

PDF 压缩：

  • Adobe Acrobat Pro
  • Smallpdf.com
  • PDF Compressor
  • Preview（Mac）— 使用"减小文件大小"导出

图片压缩：

  • TinyPNG
  • ImageOptim
  • Photoshop 导出为 Web 格式
  • Squoosh.app

测速工具：

  • Google PageSpeed Insights
  • GTmetrix
  • WebPageTest
  • 浏览器开发者工具

下一步​