The ideal setup for performance: Gatsby with Drupal 9

The ideal setup for performance: Gatsby with Drupal 9

The ideal setup for performance: Gatsby with Drupal 9

 

A slow website means a bad user experience, a high bounce rate, and SEO penalties

Slow loading times can be caused by several factors, including poorly written code, outdated technology, large image files, too many external scripts, and poor hosting services. 

When your site is slow, especially the mobile version, Google factors that in and could penalize your site's quality score which will have a negative impact on SEO.  Not to mention bounce rates and overall user experience.  

 

What is Gatsby?

Gatsby (gatsbyjs.com) is a front-end tool built on React.  It enables static site pages to be generated with light blazing load times.  It is built with performance in mind and right out of the box developers can get perfect Lighthouse scores.  

 

What is so important about Lighthouse Scores?

Lighthouse is an open-source tool built by Google that audits your page performance.  It gives a score for speed, accessibility, progressive web apps, SEO and more.  The tool is important for understanding what improvements should be made in Google's eyes.  Getting near perfect scores across the board will improve user experience, bounce rates, and SEO.  

 

Why Drupal 9?

Drupal 9 is the latest and most secure backend from Drupal.  It is built with Symfony and Twig.  From a developers stand point, this is the gold standard for web development.  It is much more secure and powerful than WordPress or any other major CMS on the market.  It is also easy to use for non-technical content creators. 

Moving from Drupal 7 or 8 to Drupal 9 should be on every companies to-do list this year or next.  Especially considering that Drupal 7 & 8 are reaching end-of-life on November 2nd, 2021.

 

What is a headless CMS or decoupled CMS?

A headless CMS, or decoupled CMS, is a system built with a back-end separated from the presentation front-end.  The content is still managed from a back-end CMS such as Drupal, WordPress, etc, but the CMS does not control the presentation layer.  The content is delivered via an API (Drupal 9 has this built in) and the presentation of the site page is done with a more advanced static site generator such as Gatsby.  

To put it simply, it is taking the best of a back-end system and the best of a front-end system and combining them.  

 

Do you have to use Drupal 9?

No but Drupal 9 is built with an API which makes decoupling simpler.  WordPress can be used as a headless CMS but would be more difficult to use as a decoupled CMS.  Decoupled CMS systems are more powerful because you can have one location for content that can be pushed anywhere.  You could use a decoupled CMS such as Drupal 9 to contain all of your content then use the built in API to push that content to your site, app, software, IOT devices, etc.  

For a simple site though, WordPress as a headless CMS will work fine.  You will get the performance benefits just the same as if it was built with Drupal 9 so if you are used to WordPress do not let this stop you from going to a headless CMS with WordPress.

 

Why is this setup gaining traction?

This setup is gaining traction because of performance.  Lighthouse scores becoming more well known are driving business's to start asking why their sites scores are suffering.  The answer inevitably comes down to using a CMS system that was not built for getting perfect Lighthouse scores.  

 

Who would benefit most from this setup?

Any company that values lower bounce rates, better user experience, and improvements regarding SEO will benefit from this setup.  

 

What about downsides?

The only downside is that content authors are not able to preview how the created content will look from inside the CMS.  A solution to this problem is to have a staging site setup so that changes can be made first on the staging site, reviewed and tested, then made live.

 

Want to talk more about improving your company site's performance?

Book A Free Consultation →

 

 

Website Support as a Service

Do you want to focus on your business instead of worrying about maintaining the company website?

With website support as a service, you don't have to worry about any issues because they're handled by professionals who are trained in web development and design best practices. Let us handle all updates so that when something goes wrong - which won't happen - but if it does - then rest assured knowing that our team will be there for you every step of the way until things go back online again! It's easy and affordable too!

Signup for free to get started! →

Testimonials

Marci Broderick

Web Marketing Specialist
www.apexlearning.com

I work primarily with Eduard. He is awesome! I know I can rely on him, he is fast and very good.

Nicole Pecaro

Creative Manager for Captivate
www.captivate.com

CodeBru is extremely reliable. I am able to sleep at night knowing the websites we created are in good hands!

Jesse Johnson

Marketing Specialist for Meeting Tomorrow
www.meetingtomorrow.com

CodeBru always impresses me with how quickly they respond to our coding and web design requests. I honestly have no clue how they work so fast!

OUR PROCESS

Research & Discovery

Every project we undertake is unique. To offer the best possible solutions for our valued clients, we take the time to discuss their goals and expectations of their project. After this consultation, we assess their existing web presence to map out a plan of action to meet - or exceed - these goals!

UX Strategy & Design

Using the findings from our Project Assessment, our team of designers and developers collaborate to create a customized end product. Our team upholds the highest standards throughout the entire Implementation and Deployment process and optimizes your digital asset for success!

Engineering

Our team of developers and designers are savvy and versed in multiple platforms and programming language. If you’re able to dream it, we’re able to build it! Our custom solutions are built to suit, using the platform that is best suited for our clients specific needs.

The Team

Zach Caudill

Founder

Zach has been working in the web industry since 2004. He has worked full-time for large companies, startups, small businesses and as a contractor for other web agencies. Zach started CodeBru in 2015 as a system engineer. Now in charge of full-service solutions, Zach leads development efforts and oversees project management.

Sara Jones

Account Support

Sara joined CodeBru in 2015 to provide full service account support and management for our clients. She is the liaison between you and the rest of the team. With superb communication and organizational skills, Sara makes sure everyone is on the same page at all times and maintains lasting relationships.

Ron Sarache

Designer

Ron has been working with Codebru since 2016 providing full time graphic design service. Bringing creativity and imagination to the team, Ron loves design challenges and creating new things that amazes the clients. He can design almost anything your imagination comes up with and would love to put your project into a real image.

Rafael Margaryan

Front-end developer

Rafael started learning JavaScript and web development when was 20. In front-end development, he works with JS and CSS frameworks but also has a great understanding of back-end technologies.

Eduard Faber

System Engineer

Eduard received his Bachelor of Standardization, Metrology and Certification in 2005, but started learning PHP and site development when was 16. He specializes in hosting and network security and is responsible for database, API and server build.

Xionary Guerrero

Project Manager

Xionary is the latest addition to the design team. She assists and supports the design team in all communicative tasks. She is the link between the client's idea and the product that the designer delivers. Organization is her motto.

Nicolas Rostov

App Developer

Nicolas started making iOS apps in 2009 and since then he has completed several projects where he developed apps from scratch, improved existing code, and automated business processes with mobile tech. He specializes in converting your vision and its requirements into working code, and to resolve issues in business automation and UX.

Ryan Cybul

Junior Developer

Ryan received his Full Stack Web Development certificate from Northwestern University in 2018. He has a general knowledge both front-end and back-end development and specializes in JS frameworks.

From The Blog

  A slow website means a bad user experience, a high bounce rate, and SEO penalties...
  Building a website is hard, and making sure it performs well can be even harder. ...
  Migrating from Drupal 7 to Drupal 8/9 Drupal 7 was released in 2011, and since then it has...

Our clients

Awards

top app development company Seattle

top web development company USA

Top Mobile App Developers

Top Web Designers in Illinois