Improving your website's speed

Slow page loads can usually be blamed on things like large images, linked assets, third-party plugins, excessive transitions/animations, excessive interactions, embedded content, etc.

You can test the load time of your site using this free online website speed test.

Optimizing large images

Large images are the single most common reason websites perform slowly. Use these tips to help fix issues with massive images:

  1. Use vector graphics when possible
  2. Compress raster images
  3. Use the best format for the image type (JPG, PNG, GIF, etc.)
  4. Keep image display size as close to the image’s natural size as possible

Webflow's responsive images feature creates variants of images you upload to ensure they load quickly on any device. This can help your mobile pages load up to 10 times faster. Learn more about responsive images.

Limiting linked elements/assets

Many web pages contain references to elements hosted on external servers, requiring additional time to load through your server and browser. The more linked elements you have (e.g. scripts, images, Twitter feeds, etc.) the more your page slows down.

Try to limit the amount of linked elements on your site. If your site is hosted on your own server, upload copies of external content to your server rather than querying a third-party server every time your page loads.

Updating third-party plugins

If plugins are causing your site to load slowly, consider updating them, replacing them with similar plugins that have better ratings for efficiency and speed, or removing them entirely.

Eliminating excessive transitions/transforms

Webflow makes it easy to add CSS transitions and transforms to your site, but you shouldn't overdo it. Only use transitions and transforms that add to the experience. And when adding transitions, only select the properties you wish the transition to affect.

Webflow transitions
Type image caption here (optional)

Removing excessive interactions

Each interaction adds a little extra load time. So make sure your site's structure allows you to use the same interaction on multiple elements, avoid using duplicate interactions when possible, and try to only use interactions you need.