Creative agency glossaryWeb, UX/UI, and Design

Transport Layer Security (TLS)

Transport Layer Security (TLS) is the encryption protocol that secures traffic between browsers and websites, the technology that puts the S in HTTPS.

What is Transport Layer Security (TLS)?

TLS is the successor to SSL, and the protocol that actually protects the web today. When a browser connects to a site over HTTPS, the two run a TLS handshake: the server presents its certificate to prove its identity, the browser checks it against the authorities it trusts, and the two agree on keys that encrypt everything sent afterward. From then on, nobody between them, whether on the coffee shop wifi, at the internet provider or anywhere along the route, can read or alter what passes.

It has versions. TLS 1.0 arrived in 1999 and 1.1 in 2006; both are now retired and refused by modern browsers. TLS 1.2, from 2008, is still widely used and safe when configured well. TLS 1.3, finalized in 2018, removed older weak options and cut the handshake to a single round trip, making secure connections faster as well as safer. It protects far more than web pages, too: email, messaging apps and most connections between servers run over TLS.

Why it matters

Why TLS matters

Without TLS there is no private web: no logins, no payments, no forms anyone could trust. It is also what lets a visitor know they reached the real site, because the certificate is tied to the domain. For a brand, TLS is invisible when it works and very visible when it does not. An expired certificate or an outdated configuration produces a full-page browser warning that stops most visitors at the door, and search engines, payment providers and security reviews all expect current versions. It is one of the few parts of a website where a single missed renewal can take everything offline in practice.

In practice

How TLS works in practice

  1. 01

    For most sites TLS is handled by the host or CDN, which issues a certificate, keeps it renewed and negotiates the connection with each visitor. The configuration still deserves a check. We make sure the server accepts TLS 1.2 and 1.3 and nothing older, uses modern cipher settings, renews certificates automatically and sends the HSTS header, which tells browsers to use only secure connections for the domain from then on.

  2. 02

    Renewal is now the thing to watch. The CA/Browser Forum, the industry body that sets the rules for certificates, is shortening their maximum lifetime in stages, down to 47 days by 2029, which makes manual renewal impractical. Automation through ACME, the protocol Let's Encrypt made standard, is the answer, with monitoring on top so that a failed renewal raises an alert days before any visitor sees a warning.

Watch out

What people get wrong about TLS

Calling it SSL and assuming the two are the same. The certificates are interchangeable, but a server that still supports actual SSL, or TLS 1.0 and 1.1, is flagged by every security scan. Second, thinking the certificate type decides the strength of the encryption; the protocol version and server settings do. Third, securing the website and forgetting everything around it: the staging site, the subdomains, the mail server and the API, all of which carry the same data and need the same protection.

Questions

People also ask

What is the difference between TLS and SSL?

TLS is the modern successor to SSL. SSL is obsolete and insecure, while TLS 1.2 and 1.3 are the versions in use today. The term SSL certificate survives, but the certificate is used with TLS.

Which version of TLS should my website use?

TLS 1.3, with TLS 1.2 also enabled for compatibility. Versions 1.0 and 1.1 should be disabled; browsers no longer accept them, and security standards such as PCI DSS have required early TLS to be switched off for years.

Does TLS slow a website down?

Barely. TLS 1.3 completes its handshake in a single round trip, with faster resumption for returning visitors. HTTPS also unlocks HTTP/2 and HTTP/3 in browsers, so a secure site is usually faster than an insecure one.

Next to it in the glossary

  1. SrcsetSrcset is an HTML attribute that lists several versions of an image at different sizes or resolutions, so the browser can download the one best suited to the visitor's screen.
  2. SubdomainA subdomain is a prefix added in front of a domain name, such as shop or blog in shop.example.com, that creates a separate section or site under the same domain.
  3. Top-Level DomainA top-level domain is the last part of a domain name, after the final dot, such as .com, .org, .uk or .nyc.
  4. UI Component LibrariesA UI component library is a collection of ready-made, reusable interface elements, such as buttons, forms, menus and dialogs, that designers and developers use to build products quickly and consistently.
  5. UI/UX DesignUI/UX design is the combined discipline of designing how a digital product works for the people using it (UX) and how its screens look and respond (UI).
  6. User ExperienceUser experience (UX) is the whole of a person's experience of using a product, website or service, including how easy it is, how it makes them feel and whether it did what they needed.

Every Web, UX/UI, and Design term →

In the work

Where it shows up

All our creations →

From the journal

Read around it

The journal →

Talking the talk is one thing

We make the work.

RIOT is a creative agency and production studio in New York. Strategy, brand, film, photography, design and the campaigns that carry them, made by one team. A few lines is enough to start: we read every brief the same day.

    Footage