DEV Community

Cover image for Why Gatsby is framework of the future

Why Gatsby is framework of the future

malapashish on August 07, 2021

As web developers, we are constantly looking for new technologies that are interesting and helpful in our projects. If you are in the web dev commu...
Collapse
 
grahamthedev profile image
GrahamTheDev • Edited

The websites built using Gatsby are 2-3 times faster than websites of similar types of sites. Do not believe me take a look at some of the real-world examples here.

Ok went to list, ran page speed insights...

  • girboss.com - 44 / 100
  • panmacmillan.com - 72 / 100
  • nationalgeographic.co.uk - 54 / 100
  • sny.tv - 21 / 100
  • ss20.collectionpremiere.ecco.com - 68 / 100
  • headspace.com - 22 / 100
  • juno.com.br - 32 / 100
  • shawacademy.com - 62 / 100

I have yet to see a gatsby site that isn't just plain text crack a score of higher than 80 / 100.

There are obviously benefits if you find it easy to use and performance isn’t a concern, just saying the marketing of “its fast” really doesn’t seem to ring true and with the core web vitals update it might not be the best idea to use gatsby if you want to rank well naturally.

Collapse
 
leob profile image
leob • Edited

They've put an insane amount of work into Gatsby towards performance and even then, core web vitals updated and you're hosed lol ... this shows the danger of completely relying on a tool/framework like this, no matter how brilliant it is.

Well their marketing is good (same goes for the writer of this article) but if you see it as the silver bullet and a free lunch then think again.

Collapse
 
zacharythomasstone profile image
Zachary Stone

This article is a joke. Headspace took a solid 6 seconds to load on mobile.

Collapse
 
ozzythegiant profile image
Oziel Perez

Looks more like some, if not all of these sites are not optimizing their image assets correctly, which is what many times causes the slow down of websites. Gatsby isn't the problem here

Collapse
 
ptejada profile image
Pablo Tejada

I made a pit stop at Gatsby but ultimately end up going Next.js

It is much better and simpler to understand.

Collapse
 
danilhendrasr profile image
Danil

Are you sure? Have you tried Nuxt.js, Next.js, Jekyll, and any other similar stuff before going on with the "framework of the future" thing?

Collapse
 
ozzythegiant profile image
Oziel Perez

If you guys don't like working with React, try Gridsome, which is basically Vue equivalent of Gatsby, with similar APIs. Also, stop reading all the negative comments below. I've tested site generators and they indeed run pretty fast, but you have to make sure that you are optimizing your website assets to be as small as possible and reduce network requests. For some pages that use a lot of SVG icons, I just embed them into the page rather than use img tag.

Collapse
 
leob profile image
leob

The memes are brilliant, but "EVERYONE's favourite framework React"? read this: dev.to/jfbrennan/really-why-react-...

Collapse
 
sharu725 profile image
sharath Kumar

Stack overflow 2021 survey has revealed the new favourite insights.stackoverflow.com/survey/...

Collapse
 
alexkarpen profile image
alexkarpen • Edited

Nuxtjs and Vue if you want performance.
Gatsby is great work though!

Collapse
 
thirashapraween profile image
Thirasha Praween • Edited

A great article. I think web developers are turning into Gatsby.

Collapse
 
anh_vc_4d57caaa1f1cbd profile image
Anh Vũ Đức

:) trash article i think. Nextjs is much better than this.