1. вступ
2. З чого складається час завантаження сайту
3. Час завантаження сайту включає
4. Аналіз часу завантаження сайту по частинах
5. дивимося приклад
6. висновок

вступ

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

З чого складається час завантаження сайту

Варто згадати, що веб ресурс це набір самих різних файлів, структурованих особливим чином. Користувач інтернет, вводячи в адресний рядок браузера URL, дає йому команду, запросити у вашого веб-сервера показ файлів сайту в його структурованої послідовності.

Повне відкриття сайту, триває певний час, яке складається з часів проходження запиту до сервера, від сервера назад і відкриття всіх файлів ресурсу. Це і є повне час відкриття сайту.

Тепер більш конкретно. Говорячи об'єктивно, про швидкостях і часу сайта, а також про технології їх визначення написані цілі wiki книги і чесно кажучи, це не саме цікаве чтиво. Подивимося на час завантаження сайту, спрощено, на рівні інструментів веб-майстрів.

Час завантаження сайту включає

Завантаження ресурсу складається з чотирьох проміжків часу:

• Відповіді сервера. Це мілісекунди від початку запиту URL до завантаження першого байта сайту.
• Проміжок до початку промальовування сайту на екрані. Це час, коли сайт починає бути видно в браузері, але не якісно (промальовування сайту).
• Мілісекунди від початку промальовування до DOM завантаження. DOМ це спеціальний термін, який позначає, що браузер отримав важливі файли сайту і відрив їх. Тобто, сайт завантажений і видно.
• Останній етап завантаження, це довантаження. Завантажуються файли сайту не відносяться до його відбиття (показу).

Аналіз часу завантаження сайту по частинах

Тепер, подивимося на чотири тимчасових проміжки завантаження ресурсу докладніше.

• DNS Lookup (отримання IP адреси, по домену вказаною в URL сайту),
• Підключення сервера (створення TCP / IP з'єднання),
• Створення SSL з'єднання (для сайтів, які працюють по HTTPS),
• Очікування відповіді сервера (повністю залежить від логіки сервера). Якщо очікування відповіді сервера від 500 до 1000 мс, то проблеми в налаштуваннях сервера,
• Завантаження отриманої відповіді (сек). Залежить від браузера і не важливо, для об'єктивної оцінки.

Важливо! Відповідь сервера, обов'язково повинен бути коротше 1 секунди.

Примітка: У рекомендаціях Google, https://developers.google.com/speed/docs/insights/Server, рекомендовано домагатися відповіді сервера менше 200 мс. Перевірити час відповіді сервера можна тут: https://webopulsar.ru.

• HTML;
• JS скриптів;
• CSS фалів;
• Image файлів;
• Flash файлів;
• Бібліотек шрифтів (Font).

Останній проміжок, дозавантаження. З одного боку, дозавантаження не заважає переглядати сайт. Але разом з тим, браузер продовжує завантажувати незначущі файли і скрипти. Це може бути реклама і т.п. Ви, напевно, помічали, сайт вже відкрито, а в адресному рядку браузера триває крутитися колесо в місце іконки. Favicon перестане блимати, значить дозавантаження завершена.

дивимося приклад

Для візуального прикладу, подивимося аналіз часу завантаження сайту двома сервісами:

• Яндекс (вкладка Звіти → Моніторинг)

• Аналіз часу завантаження сайту WebPagetest Test (https://www.webpagetest.org/).

висновок

Для чого ця стаття. В недавній статті ( Як прискорити завантаження JS скриптів ... ) Я використовував інструмент перевірки швидкості сайту PageSpeed ​​Insights. Він зручний, якщо вам не потрібен точний аналіз часу завантаження, а потрібна тільки якісна оцінка завантаження і загальні поради. Для роботи з більш точними інструментами, які дозволяють зрозуміти, через що ваш сайт гальмує, прочитана стаття вам допоможе. У наступній статті 7 кращих інструментів для аналізу часу завантаження.

© www.wordpress-abc.ru

ще статті

Статті пов'язані з теми: