Оптимизация критического пути рендеринга
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Чтобы обеспечить максимально быстрое время первого рендеринга, нам нужно минимизировать три переменные:
- Количество критических ресурсов.
- Длина критического пути.
- Количество критических байтов.
Критический ресурс — это ресурс, который может заблокировать первоначальный рендеринг страницы. Чем меньше этих ресурсов, тем меньше работы приходится на браузер, процессор и другие ресурсы.
Точно так же длина критического пути является функцией графа зависимости между критическими ресурсами и их размером в байтах: загрузка некоторых ресурсов может быть инициирована только после обработки предыдущего ресурса, и чем больше ресурс, тем больше циклов обработки требуется для загрузки.
Наконец, чем меньше критических байтов должен загрузить браузер, тем быстрее он сможет обрабатывать контент и отображать его на экране. Чтобы уменьшить количество байтов, мы можем уменьшить количество ресурсов (устранить их или сделать некритическими) и гарантировать минимизацию размера передачи путем сжатия и оптимизации каждого ресурса.
Общая последовательность шагов по оптимизации критического пути рендеринга такова:
- Проанализируйте и охарактеризуйте свой критический путь: количество ресурсов, байты, длину.
- Минимизируйте количество критически важных ресурсов: удалите их, отложите загрузку, пометьте как асинхронные и т. д.
- Оптимизируйте количество критических байтов, чтобы сократить время загрузки (количество обращений туда и обратно).
- Оптимизируйте порядок загрузки оставшихся критически важных ресурсов: загружайте все критически важные ресурсы как можно раньше, чтобы сократить длину критического пути.
Обратная связь
Если не указано иное, контент на этой странице предоставляется по лицензии Creative Commons "С указанием авторства 4.0", а примеры кода – по лицензии Apache 2.0. Подробнее об этом написано в правилах сайта. Java – это зарегистрированный товарный знак корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2014-03-31 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Отсутствует нужная мне информация"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Слишком сложен/слишком много шагов"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Устарел"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Проблема с переводом текста"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Проблемы образцов/кода"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Другое"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Прост для понимания"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Помог мне решить мою проблему"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Другое"
}]
{"lastModified": "\u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435: 2014-03-31 UTC."}
[[["Прост для понимания","easyToUnderstand","thumb-up"],["Помог мне решить мою проблему","solvedMyProblem","thumb-up"],["Другое","otherUp","thumb-up"]],[["Отсутствует нужная мне информация","missingTheInformationINeed","thumb-down"],["Слишком сложен/слишком много шагов","tooComplicatedTooManySteps","thumb-down"],["Устарел","outOfDate","thumb-down"],["Проблема с переводом текста","translationIssue","thumb-down"],["Проблемы образцов/кода","samplesCodeIssue","thumb-down"],["Другое","otherDown","thumb-down"]],["Последнее обновление: 2014-03-31 UTC."]]