Optimizing your assets helps to ensure the fastest page load with the lowest bandwidth use.
These efficiencies are crucial for your site's usability, SEO, and hosting costs.
In this chapter we'll look at;
- Webflow's native site assets and CMS assets compression tools
- How to use them
- Their capabilities, and limitations
- Video asset optimization
- Best practices for building and maintaining, an asset-optimized site.
Why is optimization important?
Site Performance
If you upload a 4 MB image into assets and display it on your website as an <IMG> element, every desktop user will have to download that full 4 MB image and your site will drag.
For Image elements, Webflow automatically creates media srcset image variants that are better optimized for mobile users, but it's best not to rely on these exclusively as your optimization strategy.
Optimize your source images first.
SEO Performance
Faster sites means better Core Web Vitals, means improved page rank for your SEO.
Hosting Bandwidth Costs
In July 2024, Webflow announced a substantial reduction in bandwidth allocation across its plan pricing tiers.
- Basic site plan reduced from 50 GB to 10 GB / mo
- CMS site plan reduced from 200 GB to 50 GB / mo
- Business site plan reduced from 400 GB to 100 GB / mo
Along with these reductions, a significant set of improvements were made regarding CMS field and ref field limits, custom code character limits, and more. Also the Business site plan offers add-ons that allow you to pay for additional bandwidth, up to 500 GB total.
