Image for post
Image for post

The Grid.io builds incredibly slow websites

If you’re a web designer who uses Facebook, you’ve probably seen an ad for TheGrid.io, the latest website automation service to hit the scene. The Grid promises total website automation with sleek and modern design.

According to sites like TechCrunch, The Grid “uses artificial intelligence to design your websites for you,” which sounds cooler than it probably is.

In fact, The Grid’s website boasts that the program “effortlessly [adapts] to your needs. Want to add e-commerce? Social feeds? A different layout? The Grid just takes care of it. This is not a website builder. This is your personal AI web developer.”

Having not used the service, I can’t comment on the quality of its output too much. Based on the screenshots provided on the website, though, I’d say that The Grid can produce attractive websites that can work for most kinds of businesses. The design aesthetic tends to skew towards modern/startup-trendy, which might not be appropriate on some websites, but overall it looks fine.

Then you notice, “Hey, this has a lot of images and video on it.”

And you think, “I wonder what this thing’s page weight is.”

So I opened up Chrome Developer Tools and took a quick measurement in the Network tab. Five minutes later, I was still downloading resources.

All in all, there were 127 requests totaling 89.1 MB, which on my connection took 7.6 minutes to download.

I should note that, on a capable connection, TheGrid.io appears to load pretty quickly. Because it’s a long scrolling experience, they can optimize for the most immediately visible areas.

They seem to do this by inlining CSS and Javascript into the same HTML file. The only external resources are images, video, fonts, and tracking scripts, most of which appear to be delivered via CDN.

Beyond the initial load time, though, the site continues to load almost 90 MB of resources, or over ten times the average amount of some of the heaviest web pages.

I had to see a more detailed performance report.

After my cursory test in DevTools, I was really curious what WebPagetest would make of this monstrosity.

Uncached, the site took over a minute to load and over 3 seconds to render anything.

Filmstrip view of the uncached version revealed when the site finally displayed anything that wasn’t a white screen, at just past the 3-second mark, users finally saw something they could interact with: the hero area and a call to action that, funnily enough, wasn’t completely loaded. (The button eventually loads an animated counter of their founding members.)

According to the test results, 93 out of 100 of their static assets (images, scripts, and stylesheets) were not delivered via CDN, even though many of the assets were delivered via Amazon’s CDN.

Okay, but not all sites will be long, single-page beasts like TheGrid.io. Right?

TheGrid.io is an insanely self-indulgent website, with it’s home page being about a mile long (mostly of white space and large media panels. Hey, at least it proves that users do scroll.)

It’s unclear whether The Grid favors sites like this, but it might be a safe assumption given this is the only usable example they’ve created so far.

The screenshots on the site are only snippets of what could be equally large sites or sites broken up into pages. There’s really no way to tell whether The Grid customers will be able to designate separate pages of content or if they’re encouraged to just dump all of their content onto one page.

Still, the trend is to include more high-res images and more video, and I would imagine that a lot of The Grid’s target market will not be too concerned about performance anyway.

There’s more to come from The Grid, I’m sure. It will be interesting to see if they address their performance issues before their official product launch.

This post was originally published on AustinWulf.com.

Written by

frontend systems @etsy || nonbinary/trans software engiqueer || streaming at http://twitch.tv/atwulf 🏳️‍🌈✨💩 they/she

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store