Pagespeed

Що таке PageSpeed Insights (PSI)?

• Інструмент для оцінки продуктивності веб-сторінок на мобільних і десктопних пристроях

• Програма для управління паролями

• Онлайн платформа для створення веб-сайтів

• Інструмент для резервного копіювання даних

Answer explanation

PageSpeed Insights (PSI) є інструментом, який оцінює продуктивність веб-сторінок на мобільних і десктопних пристроях, надаючи рекомендації для покращення швидкості завантаження та загальної ефективності.

Яка з наступних метрик використовується PageSpeed Insights?

• Page Load Speed

• Traffic Density

• Core Web Vitals

• Bounce Rate

Answer explanation

PageSpeed Insights використовує метрики Core Web Vitals для оцінки продуктивності веб-сторінок. Ці метрики включають важливі аспекти, такі як швидкість завантаження, взаємодія та стабільність візуального контенту.

Що потрібно зробити для перевірки продуктивності сайту?

• Відключити JavaScript, увімкнути завантаження великих зображень, мінімізувати CSS

• Вимкнути доступ за паролем, увімкнути кешування, оптимізувати стилі і скрипти, оптимізувати зображення

• Оптимізувати сервери, вимкнути cookies, увімкнути анімацію

• Встановити антивірус, зберегти резервні копії, оновити браузер

Answer explanation

Правильний варіант включає важливі кроки для перевірки продуктивності сайту: вимкнення доступу за паролем для тестування, увімкнення кешування для швидшого завантаження, а також оптимізацію стилів, скриптів і зображень.

Які інструменти можна використати для перевірки сайту?

Що спільного між більшістю сайтів у контексті проблеми з LCP?

• Велика кількість відеоконтенту

• Нестача CSS-файлів

• Великі зображення, текст та анімації

• Відсутність JavaScript

Answer explanation

Більшість сайтів стикаються з проблемою LCP через великі зображення, текст та анімації, які уповільнюють завантаження контенту. Це впливає на швидкість відображення основного контенту для користувачів.

Чим відрізняються LCP(Largest Contentful Paint) та FCP(First Contentful Paint)?

Answer explanation

LCP (Largest Contentful Paint) вимірює час, коли найбільший елемент контенту завантажується, тоді як FCP (First Contentful Paint) визначає момент, коли перший елемент контенту з'являється на екрані. LCP важливіший для оцінки завантаження сторінки.

Які формати зображень рекомендується використовувати для покращення TBT?

• JPEG, GIF

• BMP, TIFF

• PNG, SVG

• WEBP, AVIF

Answer explanation

Формати WEBP та AVIF забезпечують кращу компресію зображень без втрати якості, що допомагає зменшити час блокування потоку (TBT) на веб-сторінках. Інші формати, такі як JPEG або PNG, не є такими ефективними.

Що можна зробити для покращення показника TBT?

• Використовувати великі зображення

• Уникати надмірного розміру DOM, мінімізувати роботу основного потоку

• Додавати більше анімацій

• Завантажувати всі скрипти одночасно

Answer explanation

Для покращення показника TBT важливо уникати надмірного розміру DOM та мінімізувати роботу основного потоку, оскільки це зменшує затримки при рендерингу. Інші варіанти, як великі зображення чи анімації, можуть погіршити показник.

Що можна зробити, щоб уникнути проблем з CLS(Cumulative Layout Shift/Зміщення макета)

Які заходи необхідно вжити для забезпечення швидкого завантаження сайту?

Answer explanation

Для швидкого завантаження сайту необхідно оптимізувати зображення, використовувати кешування, зменшити кількість HTTP-запитів, мінімізувати CSS та JavaScript, а також обрати швидкий хостинг.