Критический путь рендеринга
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Оптимизация критического пути рендеринга подразумевает определение приоритета отображения контента, связанного с текущим действием пользователя.
Обеспечение быстрой работы в Интернете требует от браузера большой работы. Большая часть этой работы скрыта от нас как веб-разработчиков: мы пишем разметку, и на экране появляется красивая страница. Но как именно браузер переходит от использования HTML, CSS и JavaScript к отображению пикселей на экране?
Оптимизация производительности заключается в понимании того, что происходит на этих промежуточных этапах между получением байтов HTML, CSS и JavaScript и необходимой обработкой для их преобразования в визуализированные пиксели — это критический путь рендеринга .
Оптимизируя критический путь рендеринга, мы можем значительно сократить время первого рендеринга наших страниц. Кроме того, понимание критического пути рендеринга также служит основой для создания высокопроизводительных интерактивных приложений. Процесс интерактивных обновлений такой же, только выполняется в непрерывном цикле и в идеале со скоростью 60 кадров в секунду! Но сначала обзор того, как браузер отображает простую страницу.
Дополнительные ресурсы
Обратная связь
Если не указано иное, контент на этой странице предоставляется по лицензии 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."],[],[]]