DEV Community

Cover image for The Tab Advantage

The Tab Advantage

Cyril Reze on February 24, 2024

Why Tabs Are Better for Indenting Code? Using tabs or spaces for code indentation can lead to passionate debates among developers. While...
Collapse
 
moopet profile image
Ben Sinclair • Edited

To be fair, the amount of bandwidth saved by a company using tabs instead of spaces for code indentation probably doesn't even approach that used by one site visitor loading this post.

Oh, I commented before I remembered what I was going to add: your editor should be able to switch between spaces and tabs, so if you personally like spaces, then it will use those, but convert back to tabs when you save. Or when you commit, or whatever.

Collapse
 
auroratide profile image
Timothy Foster • Edited

your editor should be able to switch between spaces and tabs

Or more simple, your editor lets you set how large a tab is ( : I have mine set to 3, because 2 felt too small and 4 was too large.

I suppose the distinction matters if people use the Space key instead of the Tab key to indent code, though even when I was using spaces I always used the Tab key to indent.

Collapse
 
moopet profile image
Ben Sinclair

Thinking about it I very rarely use anything to indent manually. The editor does it for me and if I want to shift the indentation of a block I'll use something different there as well.

Thread Thread
 
auroratide profile image
Timothy Foster

Ah, I just remembered a formatter like Prettier would automatically take care of all that, and I don't have that on every project which is why I still manually indent every once in a while.

You're right, the editor takes care of most of it. I mostly find myself adjusting things when either copying and pasting or dealing with multi-line strings.

Collapse
 
cyrez profile image
Cyril Reze

Indeed, you are right, for local and individual use, it has little impact!

But on a global scale, it’s something else and each individual action is important!

Let's take a concrete example: Worpress.

The current version 6.4.3 has 1,385,052 indentations using tabs.
The total uncompressed weight is 69.7 MB

If we replace all tabs with 4 spaces, then we get 1,385,052 * (4 - 1) = 3,975,156 bytes
WordPress is therefore 4 MB lighter by using tabs instead of 4 spaces per installation of this CMS.

With more than 40 million WordPress sites, we can estimate the overall gain at 152 TB.
That's huge!

It would be interesting to know how much 152 TB costs in energy and carbon footprint.

Collapse
 
moopet profile image
Ben Sinclair

The key word there is "uncompressed" :) Nothing is regularly sent over the wire in that format - and once the wordpress zip file is unpacked, 99% of those files will sit there doing nothing anyway.

Still, you're right - if everyone optimised everything they could, the world would be a better place!

Collapse
 
lexlohr profile image
Alex Lohr

While I am on the same team as you for mainly the same reasons, you neglected to address the arguments of the other side:

With spaces, you ensure the same formatting without the need to set up different editors and IDEs.

Since the code is usually stored and transferred in a compressed format, the difference in size is negligible.

Collapse
 
cyrez profile image
Cyril Reze

Yes, but in this case of spaces you get a strict style guideline. It lacks flexibility for user preferences and accessibility when working on a collaborative project.

About compression, do you think a website running PHP has minified files? The code is still on the server and using more disk space.

Collapse
 
auroratide profile image
Timothy Foster • Edited

I guess... has anyone actually done the math yet?

I suppose a claim of "significant savings in storage space" requires backing besides just the difference in number of characters, since real-world file storage is more sophisticated than storing bytes as-is.

If anything, it makes me curious on if there are savings, how much is it really?

Thread Thread
 
cyrez profile image
Cyril Reze

Just did some maths with latest version of WordPress: dev.to/cyrez/comment/2d723

Collapse
 
lexlohr profile image
Alex Lohr

As I said, I'm on your side. I just think that if you do not show the arguments of the other side, your argument falls flat.

If you are running PHP, chances are it is running on apache2 or in some cloud environment. If you can't setup mod_compress or whatever equivalent is used in the cloud (which usually is one configuration switch), then storage is probably the least of your issues.

Thread Thread
 
cyrez profile image
Cyril Reze

There is of course some optimization possible but the code remains stored statically initially.

In a world where open source is important, user preferences and accessibility seem sufficient reasons to me. ;-)

Collapse
 
rytheturtle profile image
RyTheTurtle

Tabs vs Spaces to me is just bike shedding.

  1. Mainstream editors can switch between spacing styles on the fly and will even auto-replace spaces with tabs or vice versa
  2. If teammates have to adjust their IDEs to read indentation levels of code, your code has a problem with being excessively nested. Rather than debating spaces vs tabs, the team should be discussing how to refactor the code to not be heavily nested.
  3. If saving bytes in source files had a meaningful impact to energy consumption or bandwidth usage, everyone would be writing code in awk and perl, abusing regular expressions wherever possible, and limiting all variables and class names to 3 characters or less.
Collapse
 
cyrez profile image
Cyril Reze

Yes you're right! No debate. Tabs are just better ;-)

About 1.
Why not use tabs that natively respect user preferences?

About 2.
Have you ever contributed to a large open source project such as a CMS?
With hundreds of contributors, you need code standards and clarity for a good contributing ecosystem.

About 3.
I think this point is out of context. Using spaces or tabs has no side effects on understandability, while limiting variables and names to 3 characters or less, as you suggested, is really extreme. The main goal of code is readability, structure, and accessibility. Using less disk space is just a bonus, although important!