Frontend SPoF (Single Point of Failure)

Frontend SPoF (Single Point of Failure)

What is a Single Point of Failure (SPoF) and what can you do to detect them?

Rich Howard
Rich Howard

Founder & CEO

What is a Frontend SPoF (Single Point of Failure)?

Single points of Failure (SPoF) occurs when a 3rd party asset is called and there was some problem delivering that asset. This in turn results in a web page not rendering properly – in many cases resulting in blank screen being presented to the user with no content.

What are the causes of Frontend SPoFs?

There are several potential sources of a SPoF:

  • JavaScripts files loaded from external 3rd parties (synchronously)
  • Stylesheets loaded from external 3rd parties
  • Externally loaded fonts (@font-face fonts)
  • AJAX calls to 3rd party servers set to run synchronously (bad practice)
  • Tracking beacons

Different browsers respond to SPoFs in different ways:

What tools can you use to detect SPOFs?

SPOF o Matic browser plugin SPOF-O-Matic – Chrome Web Store – Google

https://github.com/senthilp/spofcheck

WebPageTest can also be used to test rendering of the page when certain domains encounter problems:

View all articles

Stay up-to-date on the latest performance news and tips

We believe it is important to keep abreast of industry developments. Join our newsletter and never miss out on breaking industry news again.

* We hate spam as much as you do and promise not to bombard you with emails.

Newsletter