Reverse Proxy w/ Cloudflare

Level 3 - Extended Caching + Optimization

Overview
Introduction to Reverse Proxies + Webflow
001
What Problems are we Solving?
What Problems are we Solving here?
101
The SSL Problem
102
Maximizing Site Performance
103
Staying Within Webflow's Hosting Plan Traffic Limits
104
Setup & Configurations
Proxy Configuration Approaches
201
Reverse-Proxy DNS Config
202
High Performance Configs
Proxying for Performance
300
Caching Strategy
301
Level 1 - Basic Caching
302
Level 2 - Caching + Optimization
303
Level 3 - Extended Caching + Optimization
304
Level 4 - Advanced Caching + Optimization
306
Administration
How to Determine if an Item is Cached
801
How to Remove a Cached Item
803
Emergency Revert
804
Resources
More Resources
901
No items found.
Published
October 28, 2023
Updated
October 28, 2023
in lightbox
Work in Progress

Features all of the Level 2 advantages, plus;

  • Expanded caching to include
  • > Media srcset images
  • > Possibly CSS-referenced images ( backgrounds )
  • > Possibly JS-referenced images

Requirements;

  • Cloudflare - PRO plan ( $20/mo )
  • Web worker ( custom built ) - Free

Overview

Replaces the cassette approach with a Cloudflare worker which looks for and modifies recognized image path URLs.

Can provide both image resizing and image optimization.

According to Webflow 30-Oct-2023

Branded: uploads-ssl.webflow.com

Unbranded: assets.website-files.com

Unbranded + Global CDN: assets-global.website-files.com

The latter is the latest one and the one being used moving forward.

Notes

https://www.milkmoonstudio.com/post/using-webflow-with-cloudflare-to-cache-and-speed-up-your-webflow-project?utm_source=youtube&utm_medium=video&utm_campaign=cache_webflow_with_cloudfalre#:~:text=Using%20Cloudflare%20Image%20Resizing

FAQs

Answers to frequently asked questions.

Videos
No items found.
Table of Contents
Comments
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.