skills.rest
lastnight030506
lastnight030506COMMUNITY
Explore all skills by this author →
GitHub

perf-web-optimization

Analyze and optimize website performance through caching, lazy loading, and image optimization.

Updated Feb 5, 2026
Search Tags:#caching#bundle size#lazy loading#web performance#page speed
One-click install
npx skills add https://github.com/lastnight030506/eviroanalyzer-official --skill perf-web-optimization-lastnight030506
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: perf-web-optimization
Source: https://github.com/lastnight030506/eviroanalyzer-official/tree/main/.agent/skills/perf-web-optimization
Command: npx skills add https://github.com/lastnight030506/eviroanalyzer-official --skill perf-web-optimization-lastnight030506

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses slow website performance, large bundle sizes, and various web vitals, helping to improve overall user experience and SEO rankings.

Core Features & Use Cases

  • Web Performance Analysis: Evaluate and identify performance bottlenecks like large image sizes, excessive JavaScript, and slow server responses.
  • Optimization Strategies: Implement caching, lazy loading, image optimization, and other performance enhancing techniques.
  • Use Case: If you notice that your site loads slowly and the user engagement is low, use this Skill to improve page speed and optimize the site for better performance.

Quick Start

Run the perf-web-optimization skill to analyze and optimize the performance of your website.

Frequently Asked Questions about perf-web-optimization

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

FAQPage Schema
How do I reduce bundle size and improve page speed for my website?▼

Reduce bundle size and improve page speed by implementing caching, lazy loading, and image optimization. This skill analyzes performance bottlenecks like large images and excessive JavaScript to enhance user experience.

What is the best way to optimize core web vitals for better SEO?▼

Optimize core web vitals by evaluating slow server responses and applying performance enhancing techniques. This process improves SEO rankings by directly addressing slow website performance and page speed issues.

Do I need web development knowledge to use lazy loading and caching strategies?▼

Yes, you need web development knowledge and an understanding of performance optimization strategies. This skill is designed for developers looking to implement caching and lazy loading to improve site performance.

How does lazy loading help with slow website performance and low user engagement?▼

Lazy loading helps slow website performance by deferring the loading of non-essential resources. Combined with bundle size reduction and image optimization, it increases user engagement by speeding up page rendering.

Can I analyze excessive JavaScript and large image sizes without external dependencies?▼

Yes, you can analyze excessive JavaScript and large image sizes without external dependencies. This skill operates independently to identify performance bottlenecks and implement optimization strategies for your website.

Related Skills

Explore More Software Engineering Skills→
REVREBELREVREBEL

audit-speed

Analyze website performance metrics and Core Web Vitals to identify optimization areas.

Official
Advanced
liauw-medialiauw-media
3

lighthouse-performance-optimization

Run Lighthouse audits through MCP to identify website performance bottlenecks.

Community
Advanced
jcsoftdevjcsoftdev

tree-shaking

Remove unused exports from JavaScript ES module bundles during build time.

Community
Intermediate
capaas2capaas2

react-best-practices

Diagnose React and Next.js performance bottlenecks in application code.

Community
Advanced