wp-performance

bởi wordpress

Chỉ thực hiện phân tích hiệu suất và tối ưu hóa WordPress ở phía backend bằng WP-CLI, Query Monitor và các chẩn đoán mục tiêu. Phát hiện và đo lường các điểm nghẽn hiệu suất thông qua lệnh WP-CLI doctor/profile, tiêu đề Server-Timing và tích hợp API REST của Query Monitor mà không cần truy cập trình duyệt. Bao gồm năm hạng mục tối ưu hóa: giảm truy vấn cơ sở dữ liệu, dọn dẹp tùy chọn tự động tải, cấu hình bộ nhớ đệm đối tượng, tối ưu hóa tác vụ cron và quản lý gọi HTTP từ xa. Bao gồm xác minh an toàn...

npx skills add https://github.com/wordpress/agent-skills --skill wp-performance

WP Performance (backend-only)

When to use

Use this skill when:

  • a WordPress site/page/endpoint is slow (frontend TTFB, admin, REST, WP-Cron)
  • you need a profiling plan and tooling recommendations (WP-CLI profile/doctor, Query Monitor, Xdebug/XHProf, APMs)
  • you’re optimizing DB queries, autoloaded options, object caching, cron tasks, or remote HTTP calls

This skill assumes the agent cannot use a browser UI. Prefer WP-CLI, logs, and HTTP requests.

Inputs required

  • Environment and safety: dev/staging/prod, any restrictions (no writes, no plugin installs).
  • How to target the install:
    • WP root --path=<path>
    • (multisite/site targeting) --url=<url>
  • The performance symptom and scope:
    • which URL/REST route/admin screen
    • when it happens (always vs sporadic; logged-in vs logged-out)

Procedure

0) Guardrails: measure first, avoid risky ops

  1. Confirm whether you may run write operations (plugin installs, config changes, cache flush).
  2. Pick a reproducible target (URL or REST route) and capture a baseline:
    • TTFB/time with curl if possible
    • WP-CLI profiling if available

Read:

  • references/measurement.md

1) Generate a backend-only performance report (deterministic)

Run:

  • node skills/wp-performance/scripts/perf_inspect.mjs --path=<path> [--url=<url>]

This detects:

  • WP-CLI availability and core version
  • whether wp doctor / wp profile are available
  • autoloaded options size (if possible)
  • object-cache drop-in presence

2) Fast wins: run diagnostics before deep profiling

If you have WP-CLI access, prefer:

  • wp doctor check

It catches common production foot-guns (autoload bloat, SAVEQUERIES/WP_DEBUG, plugin counts, updates).

Read:

  • references/wp-cli-doctor.md

3) Deep profiling (no browser required)

Preferred order:

  1. wp profile stage to see where time goes (bootstrap/main_query/template).
  2. wp profile hook (optionally with --url=) to find slow hooks/callbacks.
  3. wp profile eval for targeted code paths.

Read:

  • references/wp-cli-profile.md

4) Query Monitor (backend-only usage)

Query Monitor is normally UI-driven, but it can be used headlessly via REST API response headers and _envelope responses:

  • Authenticate (nonce or Application Password).
  • Request REST responses and inspect headers (x-qm-*) and/or the qm property when using ?_envelope.

Read:

  • references/query-monitor-headless.md

5) Fix by category (choose the dominant bottleneck)

Use the profile output to pick one primary bottleneck category:

  • DB queries → reduce query count, fix N+1 patterns, improve indexes, avoid expensive meta queries.
    • references/database.md
  • Autoloaded options → identify the biggest autoloaded options and stop autoloading large blobs.
    • references/autoload-options.md
  • Object cache misses → introduce caching or fix cache key/group usage; add persistent object cache where appropriate.
    • references/object-cache.md
  • Remote HTTP calls → add timeouts, caching, batching; avoid calling remote APIs on every request.
    • references/http-api.md
  • Cron → reduce due-now spikes, de-duplicate events, move heavy tasks out of request paths.
    • references/cron.md

6) Verify (repeat the same measurement)

  • Re-run the same wp profile / wp doctor / REST request.
  • Confirm the performance delta and that behavior is unchanged.
  • If the fix is risky, ship behind a feature flag or staged rollout when possible.

WordPress 6.9 performance improvements

Be aware of these 6.9 changes when profiling:

On-demand CSS for classic themes:

  • Classic themes now get on-demand CSS loading (previously only block themes had this).
  • Reduces CSS payload by 30-65% by only loading styles for blocks actually used on the page.
  • If you're profiling a classic theme, this should already be helping.

Block themes with no render-blocking resources:

  • Block themes that don't define custom stylesheets (like Twenty Twenty-Three/Four) can now load with zero render-blocking CSS.
  • Styles come from global styles (theme.json) and separate block styles, all inlined.
  • This significantly improves LCP (Largest Contentful Paint).

Inline CSS limit increased:

  • The threshold for inlining small stylesheets has been raised, reducing render-blocking resources.

Reference: https://make.wordpress.org/core/2025/11/18/wordpress-6-9-frontend-performance-field-guide/

Verification

  • Baseline vs after numbers are captured (same environment, same URL/route).
  • wp doctor check is clean (or improved) when applicable.
  • No new PHP errors or warnings in logs.
  • No cache flush is required for correctness (cache flush should be last resort).

Failure modes / debugging

  • “No change” after code changes:
    • you measured a different URL/site (--url mismatch), caches masked results, or opcode cache is stale
  • Profiling data is noisy:
    • eliminate background tasks, test with warmed caches, run multiple samples
  • SAVEQUERIES/Query Monitor causes overhead:
    • don’t run in production unless explicitly approved

Escalation

  • If this is production and you don’t have explicit approval, do not:
    • install plugins, enable SAVEQUERIES, run load tests, or flush caches during traffic
  • If you need system-level profiling (APM, PHP profiler extensions), coordinate with ops/hosting.

Thêm skills từ wordpress

blueprint
wordpress
Sử dụng khi tạo, chỉnh sửa hoặc xem xét các tệp JSON blueprint của WordPress Playground. Kích hoạt khi đề cập đến blueprint, cấu hình playground hoặc các yêu cầu…
official
wordpress-router
wordpress
Phân loại mã nguồn WordPress và định tuyến đến quy trình làm việc chính xác cho plugin, theme, block và core checkouts. Chạy phân loại dự án tự động để xác định loại kho lưu trữ (plugin, theme, block theme, Gutenberg blocks, WP core) và công cụ có sẵn. Xuất kết quả phân loại và sơ đồ quyết định định tuyến đến các kỹ năng theo miền cụ thể dựa trên ý định người dùng và loại dự án. Yêu cầu quyền truy cập thư mục gốc kho lưu trữ và thao tác hệ thống tệp bash/Node; một số quy trình làm việc cần WP-CLI. Nhắm mục tiêu WordPress 6.9+ với PHP 7.2.24+;...
official
wp-abilities-api
wordpress
Đăng ký API Abilities của WordPress, hiển thị qua REST và tiêu thụ phía client cho WordPress 6.9+. Đăng ký abilities và categories trong PHP bằng wp_register_ability() và wp_register_ability_category() với ID ổn định, nhãn và siêu dữ liệu. Hiển thị abilities cho client qua các endpoint REST /wp-json/wp-abilities/v1/ bằng cách đặt meta.show_in_rest: true. Tiêu thụ abilities trong JavaScript bằng gói @wordpress/abilities để truy cập phía client và kiểm tra quyền. Yêu cầu WordPress 6.9+...
official
wp-abilities-audit
wordpress
Kiểm tra bề mặt REST của plugin WordPress và tạo ra một tài liệu kiểm tra chuẩn hóa đề xuất các đăng ký Abilities API. Tạo ra một tài liệu markdown với YAML…
official
wp-abilities-verify
wordpress
Xác minh đăng ký API Abilities của plugin WordPress: liệt kê các ability, kiểm tra rằng hành vi callback khớp với tuyên bố của từng chú thích (đối nghịch…
official
wp-block-development
wordpress
Phát triển block WordPress cho Gutenberg: siêu dữ liệu, đăng ký, hiển thị và quy trình xây dựng. Bao gồm tạo block, cấu hình block.json, hiển thị tĩnh so với động, và đăng ký PHP phía máy chủ với register_block_type_from_metadata(). Áp dụng apiVersion: 3 để tương thích với WordPress 6.9+, bao gồm hỗ trợ trình soạn thảo iframe và cách ly kiểu dáng. Xử lý tuần tự hóa thuộc tính, loại bỏ/di chuyển để ngăn lỗi "Invalid block", và kết hợp block bên trong. Bao gồm...
official
wp-block-themes
wordpress
Phát triển theme block WordPress: theme.json, templates, patterns, và khắc phục sự cố Site Editor. Bao gồm chỉnh sửa theme.json (presets, settings, kiểu dáng theo từng block), templates và template parts, patterns, và các biến thể kiểu dáng trên WordPress 6.9+. Có các script phân loại để phát hiện thư mục gốc theme và cấu trúc theme block, cùng quy trình hướng dẫn tạo theme mới hoặc chuyển đổi theme cổ điển. Cung cấp quy trình gỡ lỗi cho các vấn đề về thứ bậc kiểu dáng, ghi đè tùy chỉnh của người dùng, và Site...
official
wp-interactivity-api
wordpress
Sử dụng khi xây dựng hoặc gỡ lỗi các tính năng của WordPress Interactivity API (chỉ thị data-wp-*, store/state/actions của @wordpress/interactivity, block viewScriptModule…
official