61 posts tagged with "Website Performance"

Gatsby 5: An Upgrade Worth the Hype

By Josh Johnson on December 14th, 2022

We at Gatsby are extremely proud of what we launched and have been pumped to see every site that has been updated to the fastest Gatsby yet. Let's review and see what the community has to say!

Partial Hydration (Beta) Explained

By Kassian Wren on November 2nd, 2022

There’s been a lot of content around Gatsby 5, and we can’t help but be excited. Today I want to deep dive into a beta feature that is new in Gatsby 5, Partial Hydration. Currently, Gatsby pages are fully hydrated – this means that every component you ship needs to have its JavaScript loaded for the page to run (and be interactive). This can slow down time to first interaction on your Gatsby site.

What We Learned About Web Performance From Building 100+ Auto Dealership Websites With Gatsby

By Charles Wood on October 12th, 2022

Our company built 100+ auto dealership websites on Gatsby. We found that every extra second of page load time increases bounce rate roughly 1.5% and decreases session duration about 10%.

Comparing website performance: Gatsby vs Next vs Nuxt

By Sam Bhagwat on August 30th, 2022

A lot of people looking at Gatsby also consider other React- or Vue-based frameworks like Next or Nuxt. But what's best from a performance perspective? (Sneak peek: it’s Gatsby.)

How Gatsby Websites Help Marketing Teams Do More With Less

By Eric Izazaga on July 26th, 2022

Marketers must invest in their most important asset when marketing budgets are trimmed: the website.

Using Gatsby Script Component to Decrease Page Load Times

By Ty Hopp on June 9th, 2022

Gatsby Senior Software Engineer Ty Hopp walks us through Gatsby's new Script Component feature.

Building Rise of the Robots

By Paul Scanlon on May 23rd, 2022

I’d like to Introduce Rise of the Robots. 🤖 A Gatsby + Rive + Contentful powered creative, performant, and accessible demo.

How to Add Custom Fonts to Gatsby

By Paul Scanlon on March 31st, 2022

Using methods outlined in this post I'll be demonstrating how to add custom fonts to a Gatsby site in a more performant way.

How to Add Google Analytics gtag to Gatsby Using Partytown 🎉

By Paul Scanlon on March 23rd, 2022

On Wednesday Mar 2nd 2022 I watched Ersin Akinci’s talk at GatsbyConf: Improve Your Lighthouse Score with Partytown and Gatsby… and I got super excited!

Image CDN: Lightning Fast Image Processing for Gatsby Cloud

By Jack Sellwood on March 2nd, 2022

Gatsby Senior Product Manager Jack Sellwood announces a new service coming soon to Gatsby Cloud: Image CDN. As an extension of our edge network, we’re turbo-boosting page performance with edge network image optimization.

How to Make Your Gatsby Cloud Preview Builds 5x Faster

By Jack Sellwood on March 1st, 2022

Gatsby Senior Software Engineer Katherine Beck and Gatsby Senior Product Manager Jack Sellwood serve up some tips and tricks on how to improve Gatsby Cloud Preview performance.

GatsbyConf Interview with Gatsby Co-founder and CTO Kyle Mathews

By Jeff James on February 24th, 2022

We’re less than a week away from GatsbyConf 2022, and we thought it would be a good time to touch base with Gatsby Co-Founder and CTO Kyle Mathews to get his perspective on the growth of the Gatsby community (and company) over the years and to get a preview of his talk at GatsbyConf.

How Gatsby Cloud Optimizes the Development, Deployment, and Hosting of Gatsby Sites

By Joel Smith on February 22nd, 2022

Learn how Gatsby Cloud makes Gatsby websites even faster in this informative post by Gatsby Director of Product Joel Smith.

How SAP Community Uses Gatsby & Contentstack to Boost Page Speed and Content Velocity

By Sam Bhagwat on January 31st, 2022

With Gatsby and Contentstack, the SAP Community team has been able to increase content velocity, community satisfaction, SEO and increased feature velocity.

How to Improve Website Lighthouse Scores

By Jeff James on January 21st, 2022

Learn all about Google Lighthouse, how it works, what it measures, and how you can improve Lighthouse scores for Gatsby and non-Gatsby websites alike.

How WaveDirect Used Gatsby, Rudderstack, and Sanity to 4X Leads and Dominate Search Results

By Sam Bhagwat on January 14th, 2022

When Canadian internet service provider WaveDirect started working with a digital agency to improve their customer communications, they didn't imagine they'd see a 4X increase in “in-market” lead volume.

Performance Optimization for three.js Web Animations

By Paul Scanlon on January 12th, 2022

In this post I'm going to be discussing how to work with JavaScript animation libraries without negatively impacting your Gatsby site’s performance.

Choosing the Best Page Rendering Mode(s) For Your Gatsby Site

By Jeff James on December 17th, 2021

We often hear the question: Which page rendering mode should I be using? The answer to that question is the time-worn reply of: It depends.

Using Deferred Static Generation with Analytics Tools

By Lennart Jörgens on December 1st, 2021

Only want to build out the most popular pages as static pages? No problem, you can use your analytics tool to control the usage of Deferred Static Generation in Gatsby. In choosing what pages to defer you can improve your page on a granular and individual level -- but for how you'd do this the sky is really the limit. In this tutorial you'll learn how you can use data from your analytics tool.

Flexible, Fine-Grained Code-Splitting with Gatsby + Loadable Components

By Grayson Hicks on July 23rd, 2021

Many teams are creating "flexible layout" components, empowering content editors to build pages by mixing and reorder components in the CMS. However, there's a trick you'll need to know to ensure these pages load quickly.

Using Gatsby + Redux While Preserving Site Performance

By Grayson Hicks on June 24th, 2021

Gatsby and Redux are both excellent tools for front-end developers, but when using them together, there are a few patterns you should be aware of that can have an impact on your site’s performance.

Business.com: Using Gatsby for Dynamic Data, Rich Content, and Multi-Site

By Sam Bhagwat on May 20th, 2021

Business.com is a site designed to help small business owners and decision-makers by providing high-quality information on business best practices. When they needed to bring performance and dynamic data to their multiple content properties, they turned to Gatsby.

Jaxxon: Gatsby + Shopify = Faster Growth

By Sam Bhagwat on May 5th, 2021

When men's jewelry brand Jaxxon relaunched from monolithic Shopify to Shopify + Gatsby, they doubled conversion rates and dropped bounce rates from 40% to 12% -- while increasing team agility.

Moneygeek prepares for Google’s Core Web Vitals search update with Gatsby

By Sam Bhagwat on April 29th, 2021

Moneygeek's mission is to build financial literacy tools so people don't feel like they are making decisions in the dark. Going with Gatsby and Gatsby Concierge helped Moneygeek maximize page performance and prepare for the June 2021 Google search ranking update.

Making the Gatsby Homepage More Performant

By Kyle Gill on April 28th, 2021

Of the many ways you can measure performance on the web, be it initial page load time, runtime efficiency of a web app, or server response times, one of the most well-known is the Lighthouse score. We improved the scores we were receiving on the Gatsby homepage by 22.8 points. Here's how we did it.

How StriVectin Improved Gatsby Page Performance By Streamlining Analytics Tracking Events

By Garrett Dimon on April 16th, 2021

Third-party JS are often “death by a thousand cuts” for site performance. When building the StriVectin site, Elevar employed a number of creative solutions to mitigate this impact and still get solid performance.

Gatsby Cloud: Better, Faster…Greener?

By Paul Scanlon on April 15th, 2021

Gatsby sites are optimized to be smaller, sleeker and faster. When built and deployed in Gatsby Cloud they also use fewer data center resources, thanks to Incremental Builds. This efficiency is not just good for developers — it's also good for the environment!

Fender Gets a New Jam(stack) On

By Michael Anft on April 6th, 2021

Looking for a sleeker, faster website, the guitar giant lays down a Gatsby front end.

What Professional Gatsby Users Want

By Sam Bhagwat on March 9th, 2021

As Gatsby continues to be used for building larger and more complex sites, we are constantly asking our users and the community how we could improve. Among professional Gatsby developers, we tend to hear less about specific bugs and feature requests and more about qualities they want and need in their site -- faster load times, shorter publish times, and so on.

RealCedar.com: Going 5x Faster with Gatsby + WordPress

By Michael Anft on November 16th, 2020

How JAMstack specialists Jambaree rebuilt Real Cedar's website to perform five times faster while adding a host of new functionality, using headless WordPress powered with Gatsby.

How Innovation Helped Build the Fastest Gatsby Source Plugin Ever

By Ondrej Polesny on September 14th, 2020

Gatsby helps developers build blazing fast websites. But how fast is build time for the actual website itself? And how can one developer advocate help reduce build times for thousands of others? The Kentico Kontent DevRel team got to work, looking for the answers.

A Faster-Rolling Website for Raleigh Bikes

By Michelle Gienow on September 3rd, 2020

Raleigh Bicycles online presence had a need for speed. The original Raleigh website suffered from slow pageloads and was prone to crashing during traffic spikes, with few options for developers to improve it. Oberon used Gatsby to create a modern and performant site to help Raleigh's customers get wheels.

Little Caesars Pizza Delivers with Gatsby

By Michelle Gienow on July 15th, 2020

Little Caesars knew their first-ever Super Bowl ad would drive a huge spike in online orders from hungry customers. To ensure their website was ready for prime time, the third biggest pizza delivery company in the world built their new e-commerce platform using Gatsby.

Gatsby Raises 28M Series B to Become How the Web is Built

By Kyle Mathews on May 27th, 2020

Today we’re thrilled to announce we’ve secured 28 million in Series B funding led by Index Ventures and joined by earlier investors, CRV and Trinity Ventures. This investment will propel Gatsby’s next stage of innovation and evolution toward becoming how the web is built.

Introducing Will It Build: A new builds benchmarking service for Gatsby Cloud

By Dustin Schau on May 26th, 2020

The first -- and only -- publicly available static site benchmarking service, Will It Build demonstrates the progress of build times for sample Gatsby benchmark sites on Gatsby Cloud. Thanks to our new Incremental Builds feature, data and content changes now go from edit to live in seconds! See for yourself: all of our data can be queried right on the site using our exposed GraphQL API at willit.build/api-playground.

Instant Content: Strapi CMS + Gatsby for Fast and Friendly Editing

By Maxime Castres on May 12th, 2020

Strapi, the open source headless CMS that developers love, now has a new Gatsby source plugin to help developers and content creators gain velocity in two different ways. Gatsby Preview now seamlessly integrates with Strapi for full hot-loading visibility so you can edit your site fast. Then Gatsby Incremental Builds means getting your changes live faster than ever before -- ten seconds or less!

Mapping Your Closest Impossible Burger with Gatsby

By Sam Bhagwat on May 7th, 2020

Meat Analogues is a terrific punk band name. But it also describes one of the hottest current trends in food: plant-based protein products so realistic that they fool even hardcore carnivores, with a side of combatting climate change. Impossible Foods is one of the fastest growing alternative meat companies, particularly famous for their juicy and delicious Impossible Burgers. The company’s website wasn't helping hungry customers find their nearest Impossible Burger, though, so they turned to Gatsby to build an interactive mapping web app.

Faster, Easier and Also in French: ButterCMS + Gatsby drive Car Loans Canada

By Jake Lumetta on May 5th, 2020

CarLoansCanada.com’s growing marketplace team needed to make their content marketing leaner and meaner. They tuned up their performance with a new website built on Gatsby paired with supremely easy content management from headless ButterCMS.

2 Months and 2x Performance: Codebrahma accelerates Serverless.com with Gatsby

By Greg Thomas on April 27th, 2020

Serverless — which enables software engineers to build and operate serverless applications — needed to launch a rebranded company website on a tight deadline. Front-end web developers from Codebrahma used the Gatsby framework to rebuild the Serverless site in only two months. The new Gatsby-based site delivered a 2x site performance improvement that is helping to increase user engagement and boost lead-gen conversions.!

From Static to Real-time: Introducing Incremental Builds in Gatsby Cloud

By Kyle Mathews on April 22nd, 2020

This is how the web should work. Whatever can be built ahead of time should be built ahead of time. When content changes, only relevant pages should be rebuilt. Introducing Incremental Builds on Gatsby Cloud: an evolutionary leap forward to a seamless, fast experience for the developers, content editors and end users of any website—even if that site has millions of pages.

Documentation

Get Started

Guides

Feature Comparison

Jamstack

Traditional CMS

Plugins

Recipes

Themes

Use Cases

By Industry

By Technology

Webinars

Latest webinars

Community

Contributing

Showcase

GatsbyConf

Swag Store

Why Gatsby Cloud?

Integrations

Pricing

Knowledge Base

Concierge