Keep GenerateBlocks Pages Fast, Without a Bigger Host or a Video Bill
GenerateBlocks keeps your markup light, but the Container backgrounds, Image blocks, and Query loop thumbnails behind it still pile up on your server. Infinite Uploads moves them to cloud storage and a CDN, optimizes images to AVIF and WebP, and serves self-hosted video from the CDN.
150k+
Sites use our WordPress plugins
Free Plan
10 GB Included
GenerateBlocks and Infinite Uploads: Lean Pages Without the Media Weight
GenerateBlocks gives the block editor a small set of flexible blocks: Container, Grid, Text, Button, Image, Query, and Shape. The markup stays lean, yet every Container background, hero photo, and Query loop thumbnail still lands in your Media Library. A post grid with a featured image on each card can quietly become the heaviest part of a page.
Infinite Uploads offloads those files to cloud storage and a CDN, and converts images to AVIF and WebP with Image Optimization, on the Business plan. A self-hosted MP4 in a core Video block serves from the CDN as-is. Upload to the Video Library for Video Cloud's adaptive streaming and customizable player, included on every plan.
GenerateBlocks keeps doing everything it does. Your blocks, dynamic tags, and layouts render exactly the same, free or Pro. Infinite Uploads only changes where files live and how fast they arrive. One thing to know first: GenerateBlocks saves its generated CSS as files in your uploads folder by default, so read the table below.
Four Problems Infinite Uploads Solves for a GenerateBlocks Site
Most offload plugins move files and stop. Here is what matters when the files are your backgrounds, loops, and video.
Query Loops Full of Thumbnails That Stay Fast
A Query loop with a featured image on every card multiplies your image weight by the number of posts. Infinite Uploads converts each thumbnail to AVIF and WebP, right-sizes it, and serves it from the CDN edge closest to each visitor, so archive pages stay quick.
Container Backgrounds and Overlays Off Your Host
A full-width Container background image with a gradient overlay is often the largest file on a landing page. Infinite Uploads offloads the image, optimizes it, and delivers it from the CDN. The gradient is plain CSS, so the overlay looks identical.
Self-Hosted Video Without a Stalled Server
A core Video block with an uploaded MP4 normally streams from your own server. Infinite Uploads serves that file from the CDN as-is. For adaptive streaming and a customizable player, upload to the Video Library and embed with the Infinite Uploads block.
A Media Library You Can Still Navigate
Hero photos, card images, and backgrounds pile up fast on a GenerateBlocks site. Media Folders, search, and sort work inside the media popup you use to pick an image. Free up local storage after the sync, and restore files in one click.
Why GenerateBlocks Builders Pair It With Infinite Uploads
One Bill Instead of Video and CDN Add-Ons
GenerateBlocks has no cloud storage, CDN, or video hosting of its own, so a media-heavy site either fills the server or pays for Vimeo and a separate CDN. Infinite Uploads covers storage, video, and CDN bandwidth on one monthly price.
Switch Without Rebuilding a Page
The first sync moves your existing Media Library and rewrites URLs to the CDN. Every Container, Image block, and Query loop keeps pointing at the same media. A straight host migration needs no disconnect, and Download & Disconnect covers the day you want files back on your server.
Every Client Site on One Invoice
Agencies building with GenerateBlocks connect every client site to one Infinite Uploads account. Unlimited sites on every plan, WordPress Multisite supported, one usage dashboard, and no cloud credentials to hand off when a project wraps.
What Works, Feature by Feature
Feature
What you get
Container background images
Section backgrounds set on a Container offload and serve from the CDN, optimized to AVIF and WebP like any other Media Library image.
Works
Container gradients and image overlays
The image offloads and optimizes. The gradient and overlay are plain CSS, so they render exactly as before.
Works
Image block
Images added through the Image block are offloaded, right-sized, and served from the CDN edge closest to each visitor.
Works
Dynamic images in Query loops (featured image and media tags)
Each card's image comes from the Media Library, so every thumbnail offloads and optimizes, however many posts the loop shows.
Works
Self-hosted MP4 in a core Video block
The uploaded MP4 serves from the CDN as-is, not transcoded, instead of streaming from your origin server.
Works
Video Cloud for on-page video
Upload to the Infinite Uploads Video Library and embed with the Infinite Uploads block. Transcoded for adaptive streaming and played in the customizable player, included on every plan.
Works, Video Cloud
GenerateBlocks Pro
Pro adds design and dynamic data features. Images you pick still come from the Media Library, so offload behaves the same as the free plugin.
Works
CSS Print Method set to External File (the default)
GenerateBlocks writes a stylesheet per page into wp-content/uploads/generateblocks. Exclude that folder in Infinite Uploads > Settings, or switch to Inline Embedding.
Exclude generateblocks folder
WordPress Multisite networks of GenerateBlocks sites
Every site in the network offloads to the same account and shares one storage pool.
Works
Up and Running in Three Steps
1. Connect Infinite Uploads
Install the plugin, connect your account, and sync. Existing backgrounds, images, and video move to the cloud.
2. Exclude the Stylesheet Folder
In Infinite Uploads > Settings, add the generateblocks folder under Folder Exclusions, or set GenerateBlocks to Inline Embedding.
3. Free Up Local Storage
Remove local copies once the sync finishes. Your host keeps the freed space, and files stay on the CDN.
Good to Know Before You Switch
GenerateBlocks saves its CSS to your uploads folder by default. Its CSS Print Method is External File, which writes one stylesheet per page to wp-content/uploads/generateblocks. Add that folder under Folder Exclusions in Infinite Uploads > Settings, or choose Inline Embedding in GenerateBlocks > Settings and skip the exclusion.
Background image URLs live inside those stylesheets. GenerateBlocks writes each image address into the CSS it generates. After your first sync, click Regenerate CSS Files in GenerateBlocks > Settings so every stylesheet rebuilds with current image URLs before you free up local storage.
Self-hosted video counts toward storage and bandwidth, not Video Cloud transcoding minutes. An MP4 in a core Video block and a large library of full-resolution photos both add up over a media-heavy site. Size your plan on total storage and check the pricing calculator before a large migration.
How We Checked
- Read how GenerateBlocks generates its CSS and which folder it writes to.
- Checked how Container background images and gradients are written into that CSS.
- Checked how Image blocks and dynamic featured image tags pull from the Media Library.
- Confirmed the CSS Print Method setting and its Inline Embedding alternative.
- Matched each behavior against Infinite Uploads folder exclusions and offload rules.
Result: images and video offload with no setup, and the stylesheet folder needs one exclusion.
Frequently Asked Questions
Does Infinite Uploads work with GenerateBlocks and GenerateBlocks Pro?
Yes. Both keep your images in the WordPress Media Library, and Infinite Uploads offloads from there. Pro adds design and dynamic data features rather than its own media store, so setup is the same on either.
Do Container backgrounds and gradient overlays still work?
Yes. GenerateBlocks writes the image URL and the gradient into its CSS. The image offloads and serves from the CDN, and the gradient is plain CSS, so the overlay looks the same.
What about images in a Query loop?
Dynamic images, such as a featured image tag on a Query card, pull from the Media Library. Each one offloads, converts to AVIF and WebP, and serves from the CDN, however many posts the loop shows.
Should I change GenerateBlocks' CSS Print Method?
Either works. Keep External File and exclude the generateblocks uploads folder in Infinite Uploads > Settings, or choose Inline Embedding in GenerateBlocks > Settings and skip the exclusion.
Can I host video on a GenerateBlocks page?
A self-hosted MP4 in a core Video block serves from the CDN as-is. Upload to the Video Library and embed with the Infinite Uploads block for adaptive streaming and a customizable player, included on every plan.
Does my theme matter, such as GeneratePress?
No. GenerateBlocks pairs well with the GeneratePress theme but works with any theme. Infinite Uploads works at the Media Library level, so your theme does not change how files offload.
Can an agency use this across many GenerateBlocks client sites?
Yes. Infinite Uploads supports unlimited sites on every plan and WordPress Multisite, so an agency connects every client site to one account with one usage dashboard and one invoice.
What if a file is bigger than the WordPress upload limit?
Add our free Big File Uploads plugin. It lifts the WordPress upload limit without server changes, and Video Cloud or offload takes it from there.
More Plugins GenerateBlocks Sites Run With Infinite Uploads
- Infinite Uploads and Kadence Blocks
- Infinite Uploads and Spectra
- Infinite Uploads and Bricks
- See all integrations
Try Infinite Uploads on the Free Plan
No cloud accounts. No access keys. Install the plugin, connect your site, and GenerateBlocks backgrounds, Query loop images, and video start moving to the cloud automatically.
Free plan, no credit card. Paid plans from $8.25/mo. Unlimited sites.