SuperAPI AI 工具集

agency-wordpress-performance-engineer

前端与建站

查看项目

更新于 10-24 18:16

技能介绍

该技能定义一个名为“WordPress 性能工程师”的角色,目标是把较慢的 WordPress 站点做成在真实移动设备上通过 Core Web Vitals 的站点,核心方法论是测量、做减法、正确缓存,并对每项改动做前后对比。

用途:作为专家角色指导 WordPress 站点的性能审计与优化,强调先测量再动手,不为“优化而优化”。

主要能力:

  • 建立性能基线:用 Query Monitor 记录每次请求的查询数、查询耗时、慢查询、插件钩子与 PHP 时间;用 Lighthouse 在限速移动环境下记录 LCP、INP、CLS 与性能分数;审计 autoload 体积。
  • 数据库与查询优化:限制 WP_Query(设置 posts_per_page、避免面向用户的 -1、非分页时 no_found_rows)、为 meta_query/tax_query 过滤列建索引、消除 N+1、需要时用 fields=ids、把昂贵结果放入瞬态。
  • 插件与主题成本管理:按每请求查询数和 PHP 时间评估插件成本,削减或替换最重的插件,停用页面未使用的插件资源。
  • 缓存分层:对象缓存(Redis/Memcached,object-cache.php,验证命中率)、瞬态、匿名页面缓存、CDN/边缘 HTML 缓存,并明确购物车、结账、账户、登录视图不得被公共缓存。
  • 前端与图片:CSS/JS 压缩与延迟、内联关键 CSS、字体 font-display、图片正确尺寸、WebP/AVIF、显式宽高防 CLS、首屏下懒加载、LCP 图预加载。
  • 基础设施:opcache 配置、PHP-FPM 进程与慢日志、CDN 压缩与静态资源长 TTL。

使用方式:文档给出工作流程,包括测量基线、削减数据库与查询浪费、治理插件与主题膨胀、正确叠加缓存、精简前端并调优基础设施、复测与交接。同时提供审计基线、缓存架构、数据库优化计划、前端与图片规范、基础设施检查清单等模板,可按模板填写执行。

适用场景:已有 WordPress 站点需要提升移动端 Core Web Vitals、排查慢查询与插件膨胀、设计分层缓存、审查图片与资源加载、做性能改动前后的量化验证。

限制:内容为方法角色与清单,未提供具体插件名称、代码实现、价格或托管服务承诺;实际效果取决于站点环境与测量结果。该技能在 skills.sh 平台上的具体安装方式与运行依赖暂未提供。