Ways to Speed Up Your Website

Amazon says that one second of load lag time would cost them $1.6 billion in sales each year.

So, how fast should your website load? Both mobile and desktop users expect your site to load quickly (two seconds or less). However, the average loading times for various industries in the United States don’t meet those benchmarks. Take a look at this research from Google:

If you can speed up your website, it will give you a huge advantage over your competitors with slower load times. You should aim for your pages to load in three seconds or less. This is because many visitors will leave your site if it doesn’t load within three seconds. But obviously, the lower the number, the better.

1. Minimize Your HTTP Requests
HTTP requests are made for each element on your website. I’m referring to things like images, scripts, and stylesheets.

Much of a website’s loading time is related to downloading on-page elements. So for those of you who have lots of these components on your website, you have more HTTP requests.

  1. Reduce the Time to First Byte (TTFB)
    TTFB refers to the time browsers need to wait before getting data from the server. Simply put, it’s basically how long it takes for a page to start loading.

Your TTFB is comprised of three elements:

  • HTTP request time
  • Process request time
  • Response time
    For those of you who have a TTFB that exceeds 200ms, you’ll need to take steps to improve that number. Beyond reducing HTTP requests, some common issues associated with slow TTFB are network and website traffic issues.

One of the best ways to reduce your TTFB is by enabling browser caching.

  1. Run Compression Audits
    Website compression refers to HTTP data being compressed so the size of it is smaller before it’s sent to the server. Doing this improves loading speed and bandwidth. I’d recommend running a compression audit with a tool like GIDNetwork to give you a better idea of how compressed files can speed up your website.

  2. Use Asynchronous Loading
    Files that load synchronously load one at a time, based on their location on the page. The problem with this is that if one file is taking longer to load, no other files will get loaded until that particular file is complete.

With asynchronous loading, files can load simultaneously. In the event of a file taking a while to load, other elements of your page can still load without any delay.

  1. Improve DNS Lookups
    If your DNS lookup time is too slow, you should look into switching to a new DNS provider that will give you faster service. Here is a great free tool you can use to test your DNS. Simply enter your URL in and click Go.

The numbers most relevant to you and your website are going to be under the A column. Check the average time. You’ll want this number to be as low as possible. Anywhere in the neighborhood of 10-20ms is decent. If you’re pushing 30ms, you might want to switch DNS providers to get faster service.

  1. Install a content delivery network (CDN)
    As you know, your website is hosted on a server. Every time someone visits your site, a request gets sent to that server. So if you’re experiencing high levels of traffic, requests will take longer to process, which will slow down your website for these users.

But high traffic is a good thing for your website. The last thing you want is for this surge in visitors to deter those same people from coming back because your website speed is too slow.

The physical location of a user to your server can also impact how fast your website is for them. People who are farther away from the server will experience slower loading times, even if you aren’t having high volumes of traffic at that time.

CDNs cache your website on networks of global servers. So when someone requests a file from your website, it gets routed to the server closest to their physical location. I’d recommend using Cloudflare or StackPath (formerly MaxCDN) to help you set up your content delivery network.

7 Conclusion

The importance of website speed can’t be overstated. Page loading times can make or break the success of your site.
You can’t just launch a website and forget about it. Your loading speed needs to be monitored on a regular basis. Otherwise, you’ll have no way of knowing where you stand, and what needs to be improved.
And remember: creating a fast website isn’t just a matter of installing a few plugins, dusting off your hands, and saying “Job well done!” It’s a continuous process that involves regular testing, tweaking, and housekeeping to keep your webpage speeds high.

2 Likes

Yes, Speeding up the website is the most important task to perform your site well in search engines. It affects your conversion ratio.

Yea! at a certain level of your SEO it’s very important to address the Page Speed as you mentioned it affects your conversion rates and also I might add your overall user experience.
A fun pair of statistics here is that according to Google, 53% of sessions are abandoned if it takes longer than three seconds for the page to load. And then the companion statistic is, and I think it’s a little bit old but still, the average page takes 15.3 seconds to load. What a frightening combination! :fearful:

How many of you think Page Load Time affects SEO?

  • Yes
  • No
  • Other (Comment)
    [/poll]

And it’s so many different factors. Sometimes it’s slow servers. But sometimes it’s just like the server responds really quickly but then there’s a ton of JavaScript that has to be processed first. And JavaScript is a very expensive resource because it has to be fully downloaded and then parsed and then executed.

So it is important to put out good quality content and have quality backlinks embedded on your page, with that also work on the Page Load Time. :sunglasses:

How is that done in a Bubble App? Doesn’t Bubble control that sort of stuff?

Doesn’t Bubble already do that?

Would this be accomplished by using plugins that compress file size at the point of upload, or just setting restrictions on file size?

How can we do that in Bubble? I thought Bubble handles how the loading of files is handled or is there some kind of setting we can tinker with in Bubble to indicate we want the files to load asynchronously?

Do you have any recommendations for a DNS provider that provides the 10-20ms time?

Isn’t cloudflare already setup for Bubble apps as Bubble is the server provider, which all Bubble apps except those on dedicated servers share the same Bubble servers?

Really interested in understanding more of how we can control these types of settings on Bubble apps.

1 Like

This is something that I don’t think gets automatically taken care by Bubble, it is not designed in that way. Plugins can help you with that. Check out: [PLUGIN] - Performance Timing, Workflow Response Times + Service Worker

Yes, bubble tells the browser to cache it, so subsequent page loads should be faster. Also, bubble separates the javascript out into generic javascript that runs on every bubble app, and specific javascript for the current page, so that the generic javascript can be cached even between different bubble apps (which means the more people who use bubble, the faster apps will load!)

Yes, Plugins can help with that. All about that here: [PLUGIN] - Performance Timing, Workflow Response Times + Service Worker
The Performance Timing Metrics Performance Timing (service worker) Plugin | Bubble

Yea It is again already taken care by Bubble itself. You can refer to the answer above.

These are a few of the best DNS Providers available. No rocket Science I think most of us are aware of it. You can have a look

Additional Check out about Cloudflare

Yea it is since 2019 but maybe for the Paid plans only with Bubble. That needs to be checked if they have rolled out the same Cloudflare Optimization for free apps and apps on dedicated plans. Cloudflare optimization for all apps | by Bubble | Medium

NOTE This article was for general websites not just pertaining to Bubble apps and websites. But am glad we could have this conversation and exchange a lot of valuable information. Hope this helps you out and do reach out for anything in the future.

1 Like

Thank you @veydeepk for taking the time to post this and respond with how it pertains specifically to Bubble apps. Very helpful to understand some tips on this front.

1 Like

Hello, thanks a lot for sharing that article with us. I work as a website developer and right now I am working for my client. My client shared a website page with me and told me that this page is slow as compared to other pages. So, I was searching for ways online to speed up website and I am glad I have found your post.

That’s really great to hear from your side @clyd0808. I appreciate your words!
Please feel free leave message if you need any further assistance on anything particular.

Regards.