From salesforce-commerce
Optimizes Salesforce Commerce Cloud B2C/B2B performance with caching strategies, CDN config, ISML/LWC rendering, SOQL/Apex tuning, and Core Web Vitals targeting.
npx claudepluginhub orcaqubits/agentic-commerce-skills-plugins --plugin salesforce-commerceThis skill is limited to using the following tools:
Optimize Salesforce Commerce performance across B2C Commerce (SFCC) and B2B Commerce Cloud platforms.
Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.
Searches prompts.chat for AI prompt templates by keyword or category, retrieves by ID with variable handling, and improves prompts via AI. Use for discovering or enhancing prompts.
Guides MCP server integration in Claude Code plugins via .mcp.json or plugin.json configs for stdio, SSE, HTTP types, enabling external services as tools.
Optimize Salesforce Commerce performance across B2C Commerce (SFCC) and B2B Commerce Cloud platforms.
Always fetch live documentation first:
B2C Commerce Performance
B2B Commerce Performance
developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.reference_performanceCore Web Vitals
web.dev/vitals/| Level | Mechanism | Scope | Use Case |
|---|---|---|---|
| Page Cache | res.cachePeriod / res.cachePeriodUnit | Full controller response | Product pages, category pages |
| Template Cache | <iscache> ISML tag | Individual template fragment | Reusable components, static content |
| Object Cache | CacheMgr.getCache() | Arbitrary data | API responses, computed results |
| CDN Cache | Salesforce eCDN | Static assets + pages | Images, CSS, JS, edge-cached HTML |
Page cache types:
Template cache varyby: Fetch live docs for current supported varyby attribute values -- they are limited and version-specific.
| Metric | Good | Needs Improvement | What It Measures |
|---|---|---|---|
| LCP (Largest Contentful Paint) | < 2.5s | < 4.0s | Main content load time |
| INP (Interaction to Next Paint) | < 200ms | < 500ms | Input responsiveness (replaced FID) |
| CLS (Cumulative Layout Shift) | < 0.1 | < 0.25 | Visual stability |
Optimization strategies per metric:
| Resource | Target |
|---|---|
| Total page weight | < 1 MB (mobile), < 2 MB (desktop) |
| JavaScript bundle | < 300 KB (gzipped) |
| CSS bundle | < 100 KB (gzipped) |
| Images per page | < 500 KB total |
| Third-party scripts | < 100 KB total, < 5 requests |
| Content Type | Recommended TTL | Cache Type |
|---|---|---|
| Product pages | 24 hours | Public |
| Category pages | 24 hours | Public |
| Static assets (CSS/JS) | 30 days (versioned) | CDN |
| Cart / checkout | No cache | Private |
| API responses (CacheMgr) | 5-15 minutes | Object |
Cache-Control, max-age, s-maxage) control edge behavior| Technique | Platform | Approach |
|---|---|---|
| Image lazy loading | Both | loading="lazy" attribute on <img> |
| Below-fold content | B2C | Deferred AJAX includes for non-critical sections |
| Deferred scripts | B2C | <script defer> or <script async> |
| Code splitting | PWA Kit | React.lazy() + Suspense |
| Dynamic imports | LWC (B2B) | await import('c/heavyComponent') |
<isloop> iterations -- pre-calculate data in controllers<isinclude> sparingly (each include has overhead)B2B performance is covered in detail by other skills:
sf-b2b-apex skillsf-b2b-lwc skill (lazy loading, wire adapter caching, refreshApex)web-vitals libraryFetch Salesforce performance guides, eCDN documentation, and Core Web Vitals specs for exact cache configuration, CDN setup, and current metric thresholds before implementing.