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.
How this skill is triggered — by the user, by Claude, or both
Slash command
/salesforce-commerce:sf-performanceThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Optimize Salesforce Commerce performance across B2C Commerce (SFCC) and B2B Commerce Cloud platforms.
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.
npx claudepluginhub orcaqubits/agentic-commerce-skills-plugins --plugin salesforce-commerceOptimizes BigCommerce storefront performance: CDN, image optimization, lazy loading, Stencil theme tuning, API caching, GraphQL efficiency, Core Web Vitals. For store speed improvements.
Optimizes Shopify store speed with Liquid rendering tips, CSS/JS deferral, image/CDN optimization, Core Web Vitals, and Hydrogen caching strategies.
Builds B2B/D2C storefronts with Salesforce Experience Builder: LWR templates, page types (Home, Product, Category, Cart, Checkout), components, themes, navigation, SEO, publishing.