Increase Page Speed & Decrease Page Load Time

Performance Grade
D
61
Load Time
4.25 s
Page Size
7.8 MB

 

The numbers don’t look great! Conversion rates are suffering, organic search is not as effective and web traffic is stagnating or dropping.

Looking for a complementary site review? Contact us directly! And to self-diagnoze your website: keep reading.

Pingdom and Google Page Speed Insights provide a great starting point for optimizing the site to decrease page load time.

Start by reviewing Content Type.

Content Size by Content Type

Images

Images typically make up the largest percentage of the “weight” for all ecommerce websites. Images should be optimized both in terms of size and quality. Banner, category/collection and product images? Resize to the maximum display size and then optimize prior to uploading.

Scripts

Where possible, compacting JavaScript code can speed up downloading, parsing and execution time.

Other

Implemented correctly, video (or audio) “should not” impact the size of the webpage or the speed that pages load on a mobile device. However with video using a huge amount of mobile data is it responsible to include videos on a site targeting mobile users? Top sites avoid using video, particularly on the home page, and when video is deployed make sure to avoid auto-play.

Pingdom Performance Insights (click to test your website)

Pingdom Performance Insights

Combine External JavaScript

Tricky! Depending on the theme, BigCommerce and Shopify have a large number of javascript files that MAY be updated over time. Combining these scripts can cause problems when the theme files are updated (and overwritten).

Parallize downloads across hostnames

This error message can be safely ignored as HTTP/2.0 has already been enabled by Shopify and BigCommerce. Both cdn.shopify.com and cdn.bigcommerce.com support HTTP/2.0.

Remove query strings from static resources

BigCommerce and particularly Shopify add query strings to images when uploaded to the site. Where possible, remove (note: this is done by editing the HTML content on the page).

Leverage browser caching

Browser caching stores web page resource files (css, javascript) on a local device when a user visits a web page. Leverage browser caching requires changing the request headers of the resources on the page and setting expiration dates. BigCommerce does not have an htaccess file and Shopify does not allow editing of the htaccess file. In addition changing the request headers for third party content (like Google Analytics) is not possible and local storage of the files is not recommended.

For app or script heavy ecommerce sites we recommend the use of Google Tag Manager so that scripts can load asynchronously and to simplify and focus the management of third party scripts added to the site.

Combine External CSS

Combining multiple CSS files into one is a useful method to reduce HTTP requests however both BigCommerce and Shopify content delivery networks support HTTP/2.0. As HTTP/2.0 can handle parallelized downloads there is no real need to combine multiple CSS files into one large file that can actually increase download time. Instead clean, tidy and optimize the CSS files.

Leave a Reply

Your email address will not be published. Required fields are marked *