πŸ€– Cassette

The Skinny

Are you using Amazon S3, Google Cloud Storage or another object storage provider (OSP) to serve your images and other assets? Cloudflare is unable to automatically cache these valuable resources! With help from Cassette, Cloudflare will cache your OSP assets resulting in faster page loads and savings on your OSP bills!

Without Cassette:

graph LR A[Browser] --> |request| B(GET yoursite.com) style B fill:#FFF,stroke:#333,stroke-width:1px B --> |uncacheable!| C[Object
Storage
Provider] B --> |response| A style C fill:#F9B878,stroke:#333,stroke-width:2px

With Cassette:

graph LR A[Browser] --> |request| B{Cassette} style B fill:#80E9FC,stroke:#333,stroke-width:3px B --> C(GET yoursite.com) style C fill:#FFF,stroke:#333,stroke-width:1px C --> |CACHED!| D[Object
Storage
Provider] style D fill:#80F6CB,stroke:#333,stroke-width:2px B --> |response| A

Cassette πŸ‡ speeds up your site by caching OSP resources and πŸ’°saves you money on your object storage provider bill by reducing OSP requests.

You can install it for Free with one configuration and the Pro plan unlocks unlimited configurations.

Tutorial

Check out this tutorial to see it in action.

How to Install

Powered by Cloudflare

Cassette is powered by Cloudflare. If you're already using Cloudflare, click here to install Cassette.

Cloudflare offers DDoS protection, a global CDN, SSL certificates, and a lot more cool stuff for free. You should probably use it.

Configuration

Cassette only takes a few minutes to install to speed up your site. The installation page covers the basics but we'll cover more here.

The following Options are available for each Object Storage Configuration:

Options

Assets Subdomain

This subdomain is created on your site by Cassette in order to enable Cloudflare to cache your object storage assets. Requests made to this subdomain are routed to Object Storage Hostname.

PROTIP

This is necessary because Cloudflare can only cache assets on domains you control. Cloudflare can cache resources that map to assets.yoursite.com but not yoursite.s3.amazonaws.com.

Object Storage Hostname

The URL of your Object Storage bucket obtained from your Object Storage Provider. This is probably something like yoursite.s3.amazonaws.com or yoursite.storage.googleapis.com.

Object Storage Pathname
OPTIONAL

This optional paramter is useful if your Object Storage bucket has a pathname.

Some buckets are intialized with a path-style URL - like http://storage.googleapis.com/yoursite. In this case, Object Storage Pathname: /yoursite.