Topic · Frontend & Design
Best web performance skills, page 4
Web performance skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 145 | Reduce application bundle size with Ignite UI Web Components by registering only needed components via named imports from the package root with defineComponents instead of defineAllComponents… | IgniteUI/ | 170 | — | ~3.6k | Automated safety check: Pass | MIT | today |
| 146 | Angular performance optimization and best practices guide. An agent skill from aiskillstore/marketplace. | aiskillstore/ | 430 | 5 repos | ~3.4k | Automated safety check: Pass | No licence | today |
| 147 | Expert performance engineer specializing in modern observability. | Dokhacgiakhoa/ | 507 | — | ~743 | Automated safety check: Pass | Unknown | 3 mo ago |
| 148 | A skill your agent uses when optimising Largest Contentful Paint (LCP), reducing render-blocking resource contention, or fine-tuning resource loading order in the critical rendering path. | thedaviddias/ | 74k | — | ~535 | Automated safety check: Pass | MIT | yesterday |
| 149 | 149.Image File Size A skill your agent uses when auditing the image pipeline, static assets in public/, CMS-managed media, or image CDN transforms. | thedaviddias/ | 74k | — | ~792 | Automated safety check: Pass | MIT | yesterday |
| 150 | A skill your agent uses when reviewing image assets, markup, and CDN or build transforms related to Optimize all images for web. | thedaviddias/ | 74k | — | ~715 | Automated safety check: Pass | MIT | yesterday |
| 151 | 151.Offscreen Lazy A skill your agent uses when reviewing image assets, markup, and CDN or build transforms related to Lazy load offscreen images. | thedaviddias/ | 74k | — | ~842 | Automated safety check: Pass | MIT | yesterday |
| 152 | A skill your agent uses when reviewing CI configuration, bundle analysis workflows, or pull requests that add dependencies and assets. | thedaviddias/ | 74k | — | ~547 | Automated safety check: Pass | MIT | yesterday |
| 153 | 153.Workflow Mastery Claude Code workflow mastery for .NET developers. An agent skill from codewithmukesh/dotnet-claude-kit. | codewithmukesh/ | 751 | — | ~3.5k | Automated safety check: Pass | MIT | 2 mo ago |
| 154 | 154.SEO Use and read this skill immediately if the user request is in any way related to SEO or a site's organic search or AI search presence. | Nexus-JPF/ | 870 | — | ~2.2k | Automated safety check: Pass | MIT | today |
| 155 | 155.React Idioms React 19+ patterns: custom hooks, Suspense boundaries, state management, component composition, and web performance. | irahardianto/ | 157 | — | ~3.8k | Automated safety check: Pass | MIT | 3 days ago |
| 156 | 156.Ralph Iterative measurement-driven improvement loop. An agent skill from srid/emanote. | srid/ | 963 | — | ~732 | Automated safety check: Pass | Unknown | 2 mo ago |
| 157 | 157.SEO Fundamentals SEO fundamentals, E-E-A-T, Core Web Vitals, and Google algorithm principles. | xenitV1/ | 130 | 2 repos | ~696 | Automated safety check: Pass | MIT | 8 mo ago |
| 158 | 158.Roier SEO Technical SEO auditor and fixer. An agent skill from davila7/claude-code-templates. | davila7/ | 32k | — | ~2.7k | Automated safety check: Pass | MIT | today |
| 159 | When the user wants to analyze Google Search Console data, use the GSC API, or interpret search performance. | kostja94/ | 1k | — | ~3.3k | Automated safety check: Pass | MIT | 2 days ago |
| 160 | Diagnose and fix web performance issues including Core Web Vitals (LCP, INP, CLS), bundle size, asset optimization, render performance, and runtime efficiency. | rampstackco/ | 940 | — | ~2.7k | Automated safety check: Pass | MIT | yesterday |
| 161 | 161.Animated Content A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Convert animated GIFs to video. | thedaviddias/ | 74k | — | ~413 | Automated safety check: Pass | MIT | yesterday |
| 162 | 162.Browser Caching A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Enable browser caching. | thedaviddias/ | 74k | — | ~399 | Automated safety check: Pass | MIT | yesterday |
| 163 | 163.Browser Required A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Perform browser-based performance audits. | thedaviddias/ | 74k | — | ~448 | Automated safety check: Pass | MIT | yesterday |
| 164 | 164.Cdn A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Use a content delivery network. | thedaviddias/ | 74k | — | ~405 | Automated safety check: Pass | MIT | yesterday |
| 165 | 165.Compression A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Enable text-based compression. | thedaviddias/ | 74k | — | ~421 | Automated safety check: Pass | MIT | yesterday |
| 166 | 166.Consent Mode A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Implement Google Consent Mode v2. | thedaviddias/ | 74k | — | ~425 | Automated safety check: Pass | MIT | yesterday |
| 167 | 167.Critical Images A skill your agent uses when reviewing image assets, markup, and CDN or build transforms related to Prioritize loading critical images. | thedaviddias/ | 74k | — | ~392 | Automated safety check: Pass | MIT | yesterday |
| 168 | A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Minimize critical request chains. | thedaviddias/ | 74k | — | ~418 | Automated safety check: Pass | MIT | yesterday |
| 169 | 169.CSS File Size A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Optimize CSS file size. | thedaviddias/ | 74k | — | ~399 | Automated safety check: Pass | MIT | yesterday |
| 170 | A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Minimize cumulative layout shift. | thedaviddias/ | 74k | — | ~438 | Automated safety check: Pass | MIT | yesterday |
| 171 | 171.Dom Size A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Reduce DOM size and complexity. | thedaviddias/ | 74k | — | ~390 | Automated safety check: Pass | MIT | yesterday |
| 172 | 172.Duplicate JS A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Remove duplicate JavaScript libraries. | thedaviddias/ | 74k | — | ~423 | Automated safety check: Pass | MIT | yesterday |
| 173 | A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Optimize first contentful paint. | thedaviddias/ | 74k | — | ~427 | Automated safety check: Pass | MIT | yesterday |
| 174 | 174.Font Loading A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Optimize web font loading. | thedaviddias/ | 74k | — | ~400 | Automated safety check: Pass | MIT | yesterday |
| 175 | 175.Gtm Present A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Optimize Google Tag Manager implementation. | thedaviddias/ | 74k | — | ~409 | Automated safety check: Pass | MIT | yesterday |
| 176 | 176.HTTP Requests A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Minimize HTTP requests. | thedaviddias/ | 74k | — | ~415 | Automated safety check: Pass | MIT | yesterday |
| 177 | 177.Http2 A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Enable HTTP/2 or HTTP/3. | thedaviddias/ | 74k | — | ~395 | Automated safety check: Pass | MIT | yesterday |
| 178 | A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Optimize interaction to next paint. | thedaviddias/ | 74k | — | ~441 | Automated safety check: Pass | MIT | yesterday |
| 179 | 179.JS File Size A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Optimize JavaScript bundle size. | thedaviddias/ | 74k | — | ~408 | Automated safety check: Pass | MIT | yesterday |
| 180 | 180.JS Libraries A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Use secure and up-to-date JS libraries. | thedaviddias/ | 74k | — | ~423 | Automated safety check: Pass | MIT | yesterday |
| 181 | 181.JS Redirects A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Avoid JavaScript-based redirects. | thedaviddias/ | 74k | — | ~427 | Automated safety check: Pass | MIT | yesterday |
| 182 | A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Optimize largest contentful paint. | thedaviddias/ | 74k | — | ~441 | Automated safety check: Pass | MIT | yesterday |
| 183 | 183.Lazy Above Fold A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Disable lazy loading for above-the-fold content. | thedaviddias/ | 74k | — | ~435 | Automated safety check: Pass | MIT | yesterday |
| 184 | 184.Lazy Loading A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Implement lazy loading for offscreen content. | thedaviddias/ | 74k | — | ~487 | Automated safety check: Pass | MIT | yesterday |
| 185 | 185.Legacy JS A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Avoid serving legacy JavaScript to modern browsers. | thedaviddias/ | 74k | — | ~445 | Automated safety check: Pass | MIT | yesterday |
| 186 | A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Show loading indicators. | thedaviddias/ | 74k | — | ~434 | Automated safety check: Pass | MIT | yesterday |
| 187 | 187.Page Load Time A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Keep page load time under 3 seconds. | thedaviddias/ | 74k | — | ~418 | Automated safety check: Pass | MIT | yesterday |
| 188 | 188.Page Weight A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Keep page weight under 1500KB. | thedaviddias/ | 74k | — | ~428 | Automated safety check: Pass | MIT | yesterday |
| 189 | 189.Preconnect A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Use preconnect for critical third-party origins. | thedaviddias/ | 74k | — | ~439 | Automated safety check: Pass | MIT | yesterday |
| 190 | 190.Render Blocking A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Eliminate render-blocking resources. | thedaviddias/ | 74k | — | ~430 | Automated safety check: Pass | MIT | yesterday |
| 191 | 191.Resource Hints A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Use resource hints for faster loading. | thedaviddias/ | 74k | — | ~430 | Automated safety check: Pass | MIT | yesterday |
| 192 | 192.Source Maps A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Provide source maps for production debugging. | thedaviddias/ | 74k | — | ~445 | Automated safety check: Pass | MIT | yesterday |
Explore related skills
Category
More topics in Frontend & Design
- Accessibility1,033
- Design systems836
- UI design478
- Landing pages460
- React components455
- Internationalization414
- Typography397
- Design tokens395
- Frontend development360
- CSS and styling352
- Theming and dark mode337
- HTML artifacts277
- State management276
- Static sites and blogs268
- UX design265
- Responsive design261
- Web animation and motion190
- Forms and validation180
- Design to code104
- Icons and illustration64