В чем разница между воспринимаемым и реальным временем загрузки страницы

Воспринимаемое время загрузки — это то, как пользователь ощущает скорость загрузки (например, появление контента или индикаторов прогресса). Реальное время — фактическая длительность загрузки всех ресурсов.

Пример:

// Реальное время (измеряется performance API)
const realLoadTime = performance.timing.loadEventEnd - performance.timing.navigationStart;

// Воспринимаемое время можно улучшить:
// 1. Ленивая загрузка
<img loading="lazy" src="image.jpg">
// 2. Скелетоны вместо спиннера
<div class="skeleton-loader"></div>
// 3. Приоритет критического CSS

Оптимизация воспринимаемого времени часто важнее, так как пользователи терпеливее, если видят прогресс.