skills.rest
OrcaQubits
OrcaQubitsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

bc-performance

Optimize BigCommerce storefront performance by tuning Stencil themes and API caching.

35|16|Updated Mar 4, 2026
Search Tags:#performance#optimization#headless#core web vitals#bigcommerce#stencil
One-click install
npx skills add https://github.com/OrcaQubits/agentic-commerce-claude-plugins --skill bc-performance
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bc-performance
Source: https://github.com/OrcaQubits/agentic-commerce-claude-plugins/tree/main/bigcommerce-commerce/skills/bc-performance
Command: npx skills add https://github.com/OrcaQubits/agentic-commerce-claude-plugins --skill bc-performance

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses slow-loading BigCommerce storefronts by providing targeted optimizations for performance bottlenecks.

Core Features & Use Cases

  • Platform-Level Optimization: Leverages BigCommerce's built-in CDN and server-side rendering.
  • Theme Tuning: Optimizes Stencil themes by reducing front matter, improving JavaScript/CSS, and enhancing image loading.
  • API Efficiency: Guides on optimizing REST and GraphQL API calls, including caching strategies.
  • Core Web Vitals Improvement: Focuses on LCP, FID/INP, and CLS for better user experience and SEO.
  • Headless Performance: Provides specific optimizations for Next.js (Catalyst) storefronts.
  • Use Case: A merchant notices their product pages are loading slowly. This Skill can be used to identify and implement Stencil theme optimizations and improve image loading to speed up the storefront.

Quick Start

Use the bc-performance skill to optimize image loading and reduce front matter data in the Stencil theme.

Frequently Asked Questions about bc-performance

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I optimize BigCommerce Stencil theme performance for faster page loading?▼

Optimize BigCommerce Stencil themes by reducing front matter data, streamlining JavaScript and CSS assets, and improving image loading techniques. This reduces storefront bottlenecks and accelerates rendering speeds.

What's the best way to improve Core Web Vitals on a BigCommerce storefront?▼

Improve BigCommerce Core Web Vitals by targeting LCP, FID/INP, and CLS metrics. Tuning Stencil themes, optimizing asset delivery, and leveraging the built-in CDN directly enhances these user experience and SEO indicators.

Can I optimize API response caching for a headless BigCommerce Next.js storefront?▼

Yes, you can optimize headless BigCommerce Next.js (Catalyst) performance by implementing REST and GraphQL API caching strategies. This reduces API response times and improves overall headless storefront efficiency.

Why does my BigCommerce product page load slowly even with the CDN enabled?▼

Slow BigCommerce product pages often stem from unoptimized Stencil theme code, excessive front matter, or inefficient API calls. Analyzing theme code, asset loading, and CDN configurations helps identify and resolve these bottlenecks.

Does optimizing BigCommerce headless architecture require different techniques than Stencil themes?▼

Yes, headless BigCommerce architecture requires specific Next.js (Catalyst) optimizations and API caching strategies, whereas Stencil theme tuning focuses on front matter reduction and platform-level server-side rendering.

Related Skills

Explore More Software Engineering Skills→
jota-batutajota-batuta

performance-testing

Establish performance baselines and budgets for APIs and web applications.

Community
Advanced
JiaxuanZou0714JiaxuanZou0714
5

optimize

Optimize web performance by analyzing metrics and implementing code splitting and image optimization.

Community
Advanced
OrcaQubitsOrcaQubits
35

bc-headless

Develop headless BigCommerce storefronts with Next.js and GraphQL Storefront API.

Official
Intermediate
snoodleboot-iosnoodleboot-io
2

css-performance-optimization

Analyze and optimize CSS for critical CSS, media queries, and font delivery.

Official
Intermediate