Knowledge Base

• Minify CSS, JavaScript, and HTML.
• Serve images in WebP or AVIF formats.
• Use loading="lazy" for off‑screen images.
• Leverage prefetch and preload for critical resources.

/* Example: CSS Minification */
body{margin:0;padding:0;font-family:sans-serif}
.header{background:#0066ff;color:#fff;padding:1rem}

Copy

• Cache database queries and use proper indexes.
• Implement HTTP caching headers (ETag, Cache‑Control).
• Compress responses with Brotli or Gzip.
• Profile code to identify bottlenecks.

# Example: Nginx Brotli Compression
brotli on;
brotli_comp_level 5;
brotli_types text/plain text/css application/javascript;

Copy