Introduction
Page loading speed and overall website performance are crucial for user experience. Poor performance can drive visitors away and limit your site's effectiveness.
Beyond deterring visitors, slow or oversized pages can quickly exhaust your bandwidth allowance, affecting your site's availability. This guide will help you maintain a fast, bandwidth-efficient website.
Page Size
Webpage size refers to the total amount of data that loads when someone visits your page. This includes all elements—text, images, videos, scripts, stylesheets, and other resources—and is typically measured in kilobytes (KB) or megabytes (MB).
Smaller page sizes are generally better because they load faster, especially for users with slower internet connections or mobile devices.
Bandwidth
Your plan includes a specific bandwidth allocation—the maximum amount of data that can transfer to and from your website each month. If your website exceeds this limit, it will go offline. To restore access, you'll need to either purchase a bandwidth add-on or wait until your billing cycle resets.
The best approach is to avoid hitting this limit by choosing an appropriate plan for your traffic levels or managing how much data your pages require.
Checking Size and Bandwidth Consumption
You can check your page "weight" in two ways: using your browser's built-in Inspect function or website speed testing tools like GTmetrix and Pingdom.
To use your browser's Inspect tool (Chrome example): right-click on the page → Inspect → click the "Network" tab → press Ctrl/CMD+R to refresh. You'll see compilation begin, and at the bottom stats bar under "resources," you can view how many MBs your page consumes per visit.
In the example above, our landing page is 4.6MB, meaning each visit consumes that amount of bandwidth. With a 10GB bandwidth plan, you could handle roughly 2,000 visits per month before reaching your limit. However, since many visitors browse multiple pages, actual bandwidth consumption per session will likely exceed 4.6MB.
Managing Page Size and Bandwidth
1. Optimize Image Sizes
While we automatically convert images to WebP format to reduce size while maintaining quality, some images may still be unnecessarily large. If your image exceeds 1-2MB, consider running it through a lossless compression tool like TinyPNG before uploading.
Optimized images benefit your website in two ways:
Pages load quickly even on older devices and slower connections
Reduced bandwidth consumption allows more visitors without requiring plan upgrades or addons
2. Custom Code Additions
Avoid excessive custom code or code from unverified sources. While external tools, widgets, and custom scripts can expand site capabilities, too much or unverified code often creates the opposite effect. Load times suffer due to external connections, and incompatible code may not load at all.
Use only verified sources and avoid overdoing it to maintain your website's loading ability and performance speed.
Final Tips
Avoid Excessive Reliance On Online Speed Testing Tools
While these tools are useful for addressing concerns, conduct most testing locally in real-world scenarios. Load your website manually on various devices and browsers for accurate insights. Many tools overstate loading times, reporting backend delays that users don't actually experience. Users may see instant loading while the tool reports much longer times due to background code still processing.
2. Mobile Device Performance
Our platform provides excellent mobile optimization by default. If your website performs slower on mobile devices than desktop, consider converting some blocks to "Mobile Only." This ensures content in those blocks is mobile-optimized, which is especially beneficial for image-heavy sections.