| name | web-artifacts-builder-performance |
| description | Sub-skill of web-artifacts-builder: Performance (+2). |
| version | 2.0.0 |
| category | _internal |
| type | reference |
| scripts_exempt | true |
Performance (+2)
Performance
- Minimize dependencies: Only include what you need
- Use CDN with version pinning:
library@4.4.0 not library@latest
- Lazy load when possible: Defer non-critical scripts
- Optimize images: Use SVG or base64 for small images
Accessibility
<html lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<main>, <nav>, <article>, <section>, <header>, <footer>
<button aria-label="Close dialog">x</button>
/* Minimum 4.5:1 for normal text */
Responsive Design
.container {
padding: 10px;
}
@media (min-width: 768px) {
.container {
padding: 20px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1200px;
margin: 0 auto;
}
}