Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Perceived performance update #2918

Merged
merged 3 commits into from
Mar 9, 2021
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 2 additions & 10 deletions files/en-us/glossary/perceived_performance/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,21 +7,13 @@
- Reference
- Web Performance
---
<p class="seoSummary"><strong>Perceived performance</strong> 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 <a href="/en-US/docs/Glossary/Time_to_interactive">time to interactive.</a></p>

<p>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 <em>think</em> it is. Perceived performance is not measured by when your site is done loading but when it has loaded enough for users to <em>believe</em> it has loaded and is interactive. In terms of conversion rates, perceived performance is more important than the actual load and response times.</p>

<p><a href="/en-US/docs/Glossary/Speed_index">Speed Index</a> is a common metric for measuring perceived performance, though it's not perfect. Other features, such as good UX design, including animations, and <a href="/en-US/docs/Web/Performance/Lazy_loading">lazy loading</a>, can make your site appear more responsive, even if the download and response times remain the same.</p>

<p>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.</p>

<p>There are front end optimization techniques that can improve perceived performance, such as adding the <code>defer</code> or <code>async</code> attribute to scripts, or placing scripts at the end of documents, and placing CSS in the head of documents.</p>
<p><span class="seoSummary"><strong><a href="/en-US/docs/Glossary/Perceived_performance">Perceived performance</a></strong> is a measure of how fast, responsive, and reliable a website <em>feels</em> to its users.</span> The perception of how well a site is performing can have more impact on the user experience that the actual load and response times.</p>


<h2 id="Learn_more">Learn more</h2>

<ul>
<li><a href="/en-US/docs/Learn/Performance/Perceived_performance">perceived performance</a></li>
<li><a href="/en-US/docs/Learn/Performance/Perceived_performance">Perceived performance</a></li>
</ul>

<section id="Quick_links">
Expand Down
Loading