body-img
Diversity Beans Case Study

Case study for Diversity Beans Website Speedy

Transforming Diversity Beans' Website for Better Performance with Faster Loading and Reliable Green Core Web Vitals

Business Brief:

Diversity Beans is a brand that sells different flavored jelly beans online, and they were founded in 2005. Jelly beans come in 6 different colors and ten multiple flavors. The aim of selling them is to represent diversity and inclusion. It showcases that each jelly has its own flavor, making it stand out from other jelly beans.

Their goal is to make people know that the color of jelly beans can't determine their taste. Their purpose is to make people understand that the color of a jelly bean can't assess its taste, just as a person's appearance can't determine their behavior. They have been selling their product for years and have an excellent customer base.

Problem Statement:

Finding Effective Solutions to Overcome Obstacles and Achieve Rapid Website Speed

Having a fast-loading website is important for every site because it impacts user experience and SEO. However, this was a challenge for Diversity Beans' website. Despite being a well-known name in the beans industry, their website's performance in terms of page speed was not up to date.

From the homepage to collection pages, product pages, and the about us section, every page on Diversity Beans's website loaded slowly. This directly affected user satisfaction, bounce rates, and the brand's online visibility. While there are traditional methods to speed up each page manually, Diversity Beans needed a comprehensive solution for significant improvements.

Solution:

Enhancing Website Speed to Transform the Brand's Online Presence with Our Innovative Tool

Before suggesting changes to Diversity Beans, we first assessed the current loading speed scores for various pages: homepage, collection, product, and about us. It was crucial to reduce loading times and address render-blocking elements on these pages to enhance crawling by search engines like Google.

During our discussions with the client, we introduced our website speed optimization tool. This tool, called Website Speedy, is a software-as-a-service (SaaS) platform that rapidly reduces loading times by fixing problematic website assets.

Upon receiving approval from Diversity Beans, we integrated our custom-coded script into their website. This script went to work immediately, resolving issues that would ultimately improve the website's speed. The automated script identified render-blocking elements.

Website Speedy also blocked third-party scripts, and minimized the impact of unused JavaScript and CSS, leading to better core web vitals scores. Despite the complexity of these tasks, our tool accomplishes them in a few clicks.

To achieve even better results, the tool optimized images by implementing lazy loading and eliminating unnecessary codes from the website. Furthermore, it postponed loading non-essential resources until user interaction was detected, further enhancing loading times.

After addressing all assets on Diversity Beans's website, we significantly improved page speed scores for all browsers on both mobile and desktop devices. As previously stated, enhancing web performance significantly impacts user experience. One major advantage of utilizing Website Speedy is its ability to enhance user experience quickly, providing substantial website performance improvements for Diversity Beans in just a matter of minutes.

Deliverables

  • Core Web Vitals
  • Lazy Loading
  • Page Speed
  • Mobile Optimization

Results Since We Started

After assessing and resolving issues on Diversity Beans's website using our tool, we observed remarkable improvements in Google Page Insights scores for all website pages. This positive outcome translated into increased sales and a higher conversion rate for the brand.

Home page:

Page Speed Insight

  • Mobile: Increased by 23 pts.
  • Desktop: Increased by 4 pts.
Before
homepage
After
homepage
Before
homepage
After
homepage

Collection page:

Page Speed Insight

  • Mobile: Increased by 37 pts.
  • Desktop: Increased by 10 pts.
Before
collection page
After
collection page
Before
collection page
After
collection page

Product page:

Page Speed Insight

  • Mobile: Increased by 28 pts.
  • Desktop: Increased by 13 pts.
Before
product
After
product
Before
product
After
product

FAQ Page:

Page speed Insight

  • Mobile: Increased by 16 pts.
  • Desktop: Increased by 26 pts.
Before
FAQ Page
After
FAQ Page
Before
FAQ Page
After
FAQ Page
https://websitespeedy.com/case-study/

Install From Official App Stores

Choose your website platform