Append ordinals via CSS rather than in markup. Requires even more HTML bytes though.

ordinal-suffix.html

<span
  class="ordinal"
  data-number="22">
  22
</span>
<span
  class="ordinal"
  data-number="0">
  0
</span>
<span
  class="ordinal"
  data-number="0">
  3453
</span>

ordinal-suffix.scss

.ordinal:after {
	content: 'th';

	@extend sup;
}

[data-number^='1'].ordinal:after {
	content: 'st';
}

[data-number^='2'].ordinal:after {
	content: 'nd';
}

[data-number^='3'].ordinal:after {
	content: 'rd';
}

//

sub,
sup {
  font-size: .66666em;
  font-weight: bold;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

11st? :P