Performance optimization guidelines for web development including server-side rendering, CSS best practices, and JavaScript optimization.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Performance Optimization
Apply these performance optimization principles when developing web applications, themes, and frontend interfaces.
## Core Performance Principles
- Prioritize server-side rendering as a first principle, as opposed to client-side JavaScript
- Minimize client-side JavaScript to reduce bundle size and improve Time to Interactive
- Optimize for Core Web Vitals: LCP, FID, and CLS
- Measure performance continuously and establish baselines
- Consider performance impact of every architectural decision
## Server-Side Rendering
- Render content server-side whenever possible
- Use streaming rendering for faster Time to First Byte
- Implement proper caching strategies for rendered content
- Avoid blocking resources that delay rendering
- Pre-render static content where applicable
## CSS Best Practices
### Selector Efficiency
- Avoid ID selectors for styling; use classes instead
- Maintain specificity at 0 1 0 where possible
- Avoid deep nesting of selectors (max 3 levels)
- Use BEM or similar naming conventions for clarity
- Prefer class selectors over element selectors
### CSS Organization
- Use CSS variables for colors, spacing, and repeated values
…
The line at the top of this page pins the label git:20261008.7682ca7, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_hd22mg7tcaehkwob
GET https://markdownregistry.com/api/v1/resolve?ref=mindrally/skills/performance-optimization
GET https://markdownregistry.com/api/v1/blob/35fbee42dfe1852afbc6888a7d70194a19611df7019a6b3e2a6a6e60c79dacaa
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
mindrally/skills · accessibility-a11y/SKILL.md · Implement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user…
mindrally/skills · alpine-js/SKILL.md · Alpine.js development guidelines for lightweight reactive interactions with Tailwind CSS and various backend frameworks.
mindrally/skills · analytics-data-analysis/SKILL.md · Best practices for analytics, data analysis, and visualization using Python, pandas, matplotlib, seaborn, and Jupyter…
mindrally/skills · android-development/SKILL.md · Android development guidelines for Kotlin with clean architecture, MVI pattern, Material Design, and best practices for…
mindrally/skills · angular-development/SKILL.md · Expert guidance for Angular and TypeScript development focused on scalable, high-performance web applications
mindrally/skills · anthropic-claude-development/SKILL.md · Expert guidance for Anthropic Claude API development including Messages API, tool use, prompt engineering, and building…
mindrally/skills · api-development/SKILL.md · Guidelines for building clean, scalable APIs with Go standard library and NestJS TypeScript, covering security…
mindrally/skills · apollo-graphql/SKILL.md · Guidelines for developing GraphQL APIs and React applications using Apollo Client for state management, data fetching…
addyosmani/agent-skills · skills/performance-optimization/SKILL.md · Optimizes application performance across frontend, backend, queries, and databases. Use when performance requirements…
gamedev-skills/awesome-gamedev-agent-skills · skills/disciplines/performance-optimization/SKILL.md · Find and fix game performance problems methodically — measure with the engine profiler first, reason about the…
ukanwat/overtime · .claude/skills/performance-optimization/SKILL.md · Find and fix game performance problems methodically — measure with the engine profiler first, reason about the…
shashankswe2020-ux/whoop-mcp · .github/skills/performance-optimization/SKILL.md · Optimizes application performance. Use when performance requirements exist, when you suspect performance regressions…
nota-america/forgecat-agent-profiles · profiles/addyosmani/agent-skills/for-cursor/.cursor/skills/performance-optimization/SKILL.md · Optimizes application performance across frontend, backend, queries, and databases. Use when performance requirements…