extension-website-performance

Optimize extension showcase site load times with image compression and lazy loading.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/mostafalamey/ML-Extensions-website --skill extension-website-performance
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: extension-website-performance
Source: https://github.com/mostafalamey/ML-Extensions-website/tree/main/.github/skills/extension-website-performance
Command: npx skills add https://github.com/mostafalamey/ML-Extensions-website --skill extension-website-performance

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Extension showcase sites often suffer from slow load times, large asset sizes, and suboptimal visibility in search results. This Skill provides a structured approach to accelerate performance, improve SEO, and enhance Core Web Vitals for a better user experience.

Core Features & Use Cases

  • Image compression and format optimization to reduce payloads without sacrificing quality.
  • Lazy loading and preloading strategies to prioritize visible content and critical resources.
  • SEO enhancements and structured data improvements to boost discoverability and rankings across pages that showcase extensions.
  • Use Case: Optimize a gallery-driven extension site to achieve faster LCP and improved SEO scores for product pages and documentation.

Quick Start

Apply performance optimization best practices on your extension showcase site:

  • Analyze current assets and enable image optimization, lazy loading, and proper preloads.
  • Add relevant meta tags, structured data, and responsive images to improve Core Web Vitals and search rankings.
  • Run a lightweight audit to verify improvements in LCP, CLS, and FID.

Frequently Asked Questions about extension-website-performance

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

FAQPage Schema
How do I improve Core Web Vitals for a static extension showcase site?

Improve Core Web Vitals by applying image compression, lazy loading, and preloading critical resources to prioritize visible content and reduce load times. This approach enhances LCP, CLS, and FID metrics for static product pages.

What's the best way to optimize images for web performance on extension galleries?

Optimize images for web performance by applying best practices for modern image formats and responsive assets. This reduces payload sizes without sacrificing quality for gallery-driven extension sites.

How does lazy loading affect SEO and page load times for documentation sites?

Lazy loading improves page load times by deferring non-critical asset loading until needed, which positively impacts SEO by accelerating initial page rendering and prioritizing visible content.

Can I use this optimization workflow with any framework for my extension site?

Yes, you can apply these optimization workflows in a framework-agnostic manner. The pipeline supports static pages and build pipelines across various frameworks to improve SEO and performance.

How do I add structured data and meta tags to boost SEO for extension product pages?

Boost SEO for extension product pages by adding relevant meta tags and structured data improvements. This enhances search discoverability and rankings across pages that showcase extensions.

Why does my extension site have a slow LCP and how can I fix it?

A slow LCP is often caused by large image payloads and unoptimized asset delivery. Fix it by enabling image compression, responsive assets, and proper preloads to accelerate content rendering.