Platform / Deliver

From code to live site, without the infrastructure headache

Blutui handles hosting, CDN delivery, image optimisation, SSL and domains so your team can focus on building exceptional websites

01.

Hosting

Managed hosting for every client project that stores frontend Canvas files, collection content and assets.

WE Weka
Publish
TS
Overview Branding Cassettes Domains

Overview

W
Weka

weka.blutui.com weka.co.nz

Development Publishing… Published

Domain

weka.co.nz

Connected

Last published

Never Just now

02.

CDN

Blutui uses a content delivery network to serve assets from the closest geographic location to each website visitor.

kereru.co.nz
ElementsConsoleSourcesNetworkPerformanceMemoryApplication» ⋮×
Preserve log Disable cache No throttling
NameStatusTypeSizeTime
kereru.co.nz200document14.2 kB38 ms
global.css200stylesheet8.1 kB12 ms
hero.jpg?width=1440&format=webp200webp96.4 kB21 ms
app.js200script24.6 kB14 ms
space-grotesk.woff2200font41.0 kB18 ms
team-offsite.jpg?width=800&format=webp200webp38.2 kB16 ms
case-kea.jpg?width=800&format=webp200webp22.9 kB15 ms
kereru-logo.svg200svg+xml3.1 kB9 ms
inter.woff2200font36.4 kB17 ms
pattern-grid.png?format=webp200webp4.8 kB11 ms
favicon.ico200x-icon1.2 kB8 ms
case-toroa.jpg?width=800&format=webp200webp27.5 kB14 ms
case-kokako.jpg?width=800&format=webp200webp31.0 kB15 ms
map-tile.png?format=webp200webp6.6 kB10 ms
× HeadersPreviewResponseInitiatorTimingCookies

Response Headers Raw

age84213

cache-controlpublic, max-age=31536000, immutable

content-typeimage/webp

via1.1 8f2a1c3e7b5d.cloudfront.net (CloudFront)

x-amz-cf-popAKL50-P1

x-cacheHit from cloudfront

AKL50-P1 Auckland
  • hero.webpmiss120 ms
  • app.jshit11 ms

03.

Image optimisation

Improve page load speeds by serving website visitors the most optimised image. Use built-in Canvas template filters to ensure dynamic collection entry images always load in the most optimised way.

kereru.co.nz
ElementsConsoleSourcesNetwork» ⋮×

<!DOCTYPE html>

▼<html lang="en" class="js">

▶<head>…</head>

▼<body class="antialiased">

▶<header class="site-header">…</header>

▼<main>

▼<section class="hero">

▶<h1 class="hero-title">…</h1>

▶<p class="hero-lede">…</p>

▼<figure class="hero-media">

<img src="https://cdn.blutui.com/uploads/kereru/hero.jpg

"?width=1200&format=webp" alt="Kererū studio at dusk" class="hero-img" width="1200" height="800">== $0

</figure>

</section>

▶<section class="projects">…</section>

</main>

▶<footer class="site-footer">…</footer>

</body>

</html>

Rendered size1200 × 800 px

Intrinsic size4000 × 2667 px

File size3.8 MB

Current sourcehttps://cdn.blutui.com/uploads/kereru/hero.jpg

Rendered size1200 × 800 px

Intrinsic size1200 × 800 px

File size96.4 kB

Current sourcehttps://cdn.blutui.com/uploads/kereru/hero.jpg?width=1200&format=webp

htmlbodymainsection.herofigure.hero-mediaimg.hero-img
StylesComputedLayoutEvent Listeners»
Filter :hov.cls+

element.style {

}

.hero-img {global.css:214

width: 100%;

height: auto;

display: block;

}

img, video {global.css:38

max-width: 100%;

height: auto;

}

04.

Project domains

Each project can have its own personalised domains for go-live.

05.

Password protection

Protect staging environments in your projects with a password. Allow your client to review content before going live.

06.

Automated SSL

When you publish a project, we provision and renew SSL certificates automatically using Let’s Encrypt.