Perceived performance is a subjective measure of how fast a website seems to a user based on load time and site responsiveness. This measure relies on human perception, not an objective metric like time to interactive.
In terms of web performance, perceived performance is how fast a user interaction feels rather than how fast an interaction actually is, be that a button press or a page load. Perceived performance is not how fast your site is; it's how fast your users think it is. Perceived performance is not measured by when your site is done loading but when it has loaded enough for users to believe it has loaded and is interactive. In terms of conversion rates, perceived performance is more important than the actual load and response times.
Speed Index is a common metric for measuring perceived performance, though it's not perfect. Other features, such as good UX design, including animations, and lazy loading, can make your site appear more responsive, even if the download and response times remain the same.
Actual performance is a measurement from when a request is made, through the downloading, parsing and execution of all resources, and the final paint. While increased performance generally increases perceived performance, there are some techniques that can be used to increase perceived performance while marginally decreasing actual performance.
There are front end optimization techniques that can improve perceived performance, such as adding the defer
or async
attribute to scripts, or placing scripts at the end of documents, and placing CSS in the head of documents.
Learn more
- 404
- 502
- ALPN
- API
- ARIA
- ARPA
- ASCII
- ATAG
- Abstraction
- Accessibility
- Accessibility tree
- Adobe Flash
- Ajax
- Algorithm
- Alignment container
- Alignment subject
- Alpha (alpha channel)
- Apple Safari
- Application Context
- Argument
- Arpanet
- Array
- Asynchronous
- Attribute
- Bandwidth
- Base64
- Baseline
- BiDi
- BigInt
- Blink
- Block
- Block cipher mode of operation
- Boolean
- Boot2Gecko
- Bootstrap
- Bounding Box
- Breadcrumb
- Brotli
- Browser
- Browsing context
- Bézier curve
- CDN
- CIA
- CMS
- CORS
- CORS-safelisted request header
- CORS-safelisted response header
- CRLF
- CRUD
- CSP
- CSRF
- CSS
- CSS Object Model (CSSOM)
- CSS pixel
- CSS preprocessor
- Cache
- Cacheable
- CalDAV
- Call stack
- Callback function
- Canonical order
- Canvas
- Card sorting
- CardDAV
- Certificate authority
- Certified
- Challenge-response authentication
- Character
- Character encoding
- Character set
- Chrome
- Cipher
- Cipher suite
- Ciphertext
- Class
- Client hints
- Closure
- Code splitting
- Codec
- Compile
- Compile time
- Computer Programming
- Conditional
- Constant
- Constructor
- Continuous Media
- Control flow
- Cookie
- Copyleft
- Crawler
- Cross Axis
- Cross-site scripting
- Cryptanalysis
- Cryptographic hash function
- Cryptography
- DHTML
- DMZ
- DNS
- DOM (Document Object Model)
- DTLS (Datagram Transport Layer Security)
- DTMF (Dual-Tone Multi-Frequency signaling)
- Data structure
- Database
- Decryption
- Delta
- Denial of Service
- Descriptor (CSS)
- Deserialization
- Developer Tools
- Digest
- Digital certificate
- Distributed Denial of Service
- DoS attack
- Doctype
- Document directive
- Domain
- Domain name
- Domain sharding
- Dominator
- Dynamic programming language
- Dynamic typing
- ECMA
- ECMAScript
- Effective connection type
- Element
- Empty element
- Encapsulation
- Encryption
- Endianness
- Engine
- Entity
- Entity header
- Event
- Exception
- Expando
- FTP
- FTU
- Fallback alignment
- Falsy
- Favicon
- Fetch directive
- Fetch metadata request header
- Firefox OS
- First CPU idle
- First Meaningful Paint
- First contentful paint
- First input delay
- First interactive
- First paint
- First-class Function
- Flex
- Flex Container
- Flex Item
- Flexbox
- Forbidden header name
- Forbidden response header name
- Fork
- Fragmentainer
- Function
- Fuzz testing
- GIF
- GIJ
- GPL
- GPU
- Gaia
- Garbage collection
- Gecko
- General header
- Git
- Global object
- Global scope
- Global variable
- Glyph
- Gonk
- Google Chrome
- Graceful degradation
- Grid
- Grid Areas
- Grid Axis
- Grid Cell
- Grid Column
- Grid Lines
- Grid Row
- Grid Tracks
- Grid container
- Guard
- Gutters
- Gzip compression
- HMAC
- HPKP
- HSTS
- HTML
- HTML5
- HTTP
- HTTP header
- HTTP/2
- HTTP/3
- HTTPS
- Hash
- Head
- High-level programming language
- Hoisting
- Host
- Hotlink
- Houdini
- Hyperlink
- Hypertext
- I18N
- IANA
- ICANN
- ICE
- IDE
- IDL
- IETF
- IIFE
- IMAP
- IP Address
- IPv4
- IPv6
- IRC
- ISO
- ISP
- ITU
- Idempotent
- Identifier
- Immutable
- Index
- IndexedDB
- Information architecture
- Inheritance
- Input method editor
- Instance
- Internationalization
- Internet
- Intrinsic size
- JPEG
- JSON
- Jank
- Java
- JavaScript
- Key
- Keyword
- LGPL
- LTR (Left To Right)
- Latency
- Layout viewport
- Lazy load
- Ligature
- Local scope
- Local variable
- Locale
- Localization
- Long task
- Loop
- Lossless compression
- MIME type
- MVC
- Main Axis
- Main thread
- MathML
- Media
- Metadata
- Method
- Microsoft Edge
- Microsoft Internet Explorer
- Middleware
- MitM
- Mixin
- Mobile First
- Modem
- Modern web apps
- Modularity
- Mozilla Firefox
- Mutable
- NAT
- NNTP
- NaN
- Namespace
- Native
- Navigation directive
- Netscape Navigator
- Network throttling
- Node
- Node.js
- Normative
- Null
- Nullish value
- Number
- OOP
- OTA
- OWASP
- Object
- Object reference
- OpenGL
- OpenSSL
- Opera Browser
- Operand
- Operator
- Origin
- P2P
- PAC
- PHP
- PNG
- POP3
- Packet
- Page load time
- Page prediction
- Parameter
- Parent object
- Parse
- Parser
- Payload body
- Perceived performance
- Percent-encoding
- Pixel
- Placeholder names
- Plaintext
- Polyfill
- Polymorphism
- Port
- Prefetch
- Preflight request
- Prerender
- Presto
- Primitive
- Privileged
- Progressive Enhancement
- Progressive web apps
- Promise
- Property
- Protocol
- Prototype
- Prototype-based programming
- Proxy server
- Pseudo-class
- Pseudo-element
- Pseudocode
- Public-key cryptography
- Python
- QUIC
- Quality values
- Quaternion
- RAIL
- RDF
- REST
- RGB
- RIL
- RSS
- RTCP (RTP Control Protocol)
- RTF
- RTL (Right to Left)
- RTP (Real-time Transport Protocol) and SRTP (Secure RTP)
- RTSP: Real-time streaming protocol
- Random Number Generator
- Raster image
- Real User Monitoring (RUM)
- Recursion
- Reference
- Reflow
- Regular expression
- Rendering engine
- Repo
- Reporting directive
- Request header
- Resource Timing
- Response header
- Responsive web design
- Robots.txt
- Round Trip Time (RTT)
- Routers
- Rsync
- Ruby
- SCM
- SCTP
- SDP
- SEO
- SGML
- SIMD
- SISD
- SLD
- SMPTE (Society of Motion Picture and Television Engineers)
- SMTP
- SOAP
- SPA (Single-page application)
- SQL
- SQL Injection
- SRI
- STUN
- SVG
- SVN
- Safe
- Same-origin policy
- Scope
- Screen reader
- Script-supporting element
- Scroll container
- Scrollport
- Search engine
- Second-level Domain
- Secure Sockets Layer (SSL)
- Selector (CSS)
- Self-Executing Anonymous Function
- Semantics
- Serialization
- Server
- Server Timing
- Session Hijacking
- Shadow tree
- Shim
- Signature
- Simple header
- Simple response header
- Site
- Site map
- Sloppy mode
- Slug
- Smoke Test
- Snap positions
- Specification
- Speculative parsing
- Speed index
- Stacking context
- State machine
- Statement
- Static method
- Static typing
- Strict mode
- String
- Style origin
- Stylesheet
- Symbol
- Symmetric-key cryptography
- Synchronous
- Syntax
- Syntax error
- Synthetic monitoring
- TCP
- TCP handshake
- TCP slow start
- TLD
- TOFU
- TTL
- TURN
- Table Grid Box
- Table Wrapper Box
- Tag
- Telnet
- Texel
- Thread
- Three js
- Time to first byte
- Time to interactive
- Transmission Control Protocol (TCP)
- Transport Layer Security (TLS)
- Tree shaking
- Trident
- Truthy
- Type
- Type coercion
- Type conversion
- UDP (User Datagram Protocol)
- UI
- URI
- URL
- URN
- UTF-8
- UX
- Unicode
- Usenet
- User agent
- Validator
- Value
- Variable
- Vendor Prefix
- Viewport
- Visual Viewport
- VoIP
- W3C
- WAI
- WCAG
- WHATWG
- Web performance
- Web server
- Web standards
- WebAssembly
- WebDAV
- WebExtensions
- WebGL
- WebIDL
- WebKit
- WebM
- WebP
- WebRTC
- WebSockets
- WebVTT
- Whitespace
- World Wide Web
- Wrapper
- XForms
- XHR (XMLHttpRequest)
- XHTML
- XInclude
- XLink
- XML
- XPath
- XQuery
- XSLT
- beacon
- buffer
- caret
- document environment
- firewall
- frame rate (FPS)
- jQuery
- lossy compression
- markup
- mime
- minification
- non-normative
- privileged code
- undefined