Content optimisation

Content optimisation features in Peakhour allow you to modify HTML and images at the Edge, improving your website's performance and user experience. These features include:

Edge Side Includes (ESI) ESI enables content reuse across multiple pages, reducing HTML size and improving site speed. Implement ESI to include reusable components like headers and footers:

<esi:include src="header.html" />
<div>
  <!-- Page content -->
</div>
<esi:include src="footer.html" />

Image Optimisation Reduce image file sizes and optimise images for the web to improve page load speed. Features include: - Automatic image optimisation - Image format conversion based on browser support - Default image quality specification - Custom format string for additional processing control - Image API for advanced transformations

Lazy Loading Implement lazy loading to delay image loading until needed, improving initial page load speed.

Resizing Automatically resize images to specified dimensions for consistent user experience across devices.

HTML Rewrites Modify HTML at the Edge to: - Enable transforms - Implement Edge Side Includes - Replace mixed content (HTTP to HTTPS) - Add image dimensions to source URLs - Rewrite domain names

Script Insertion Add scripts at the Edge for: - Real User Monitoring (RUM) instrumentation - Lazy loading implementation

These content optimisation features allow you to enhance your website's performance and user experience directly at the Edge.