Slow Page Loads

To improve page speed:

Image Optimization

• Ensure images are properly sized (not larger than needed)
• Use WebP format when possible (Directus can convert)
• Lazy load images below the fold
• Check image file sizes in Directus

Reduce Content Blocks

• Too many blocks on one page can slow rendering
• Consider splitting long pages into multiple pages
• Use pagination for long content lists

Check Directus Performance

• Slow API responses slow your entire site
• Optimize your Directus instance
• Consider caching if using many API calls
• Check Directus server resources

Build Time Issues

If builds are slow:

Reduce Dependencies

• Remove unused npm packages
• Check for duplicate dependencies
• Use production builds, not development mode

Optimize Images

• Pre-optimize images before uploading
• Use appropriate image formats
• Consider using an image CDN

Check Hosting Platform

• Some platforms have build time limits
• Upgrade plan if hitting limits
• Optimize build process

Mobile Performance

Ensure mobile performance:

Test on Real Devices

• Don't just test in browser dev tools
• Test on actual phones and tablets
• Check network throttling scenarios

Optimize for Mobile

• Ensure images are properly sized for mobile
• Minimize JavaScript bundle size
• Use responsive images
• Test on slower connections