Изображения CSS и другие блокировки First Paint

Я замечаю действительно странный водопад в хроме, который предполагает, что изображения CSS и другие изображения предотвращают первую краску. Я скрыл события рендеринга, но они перемешались по всему водопаду (вы можете загрузить его самостоятельно на www.lonestarpercussion.com)Изображения CSS и другие блокировки First Paint

Я не уверен, почему хром ждет так долго, чтобы нарисовать окно в первый раз, он должен нарисовать перед загрузкой изображений, и краски перед загрузкой файлов JavaScript (ни имеют решающее значение для общей компоновки)

упрощенный контур HTML выглядит немного как этот

<html> 
<head> 
    <script> <!-- inline google analytic scripts --> 
    <script> <!-- other inline script --> 
    <link> 
</head> 
<body> 
    <img> 
    <img> 
    <script> <!-- note : no async, not deferred --> 
    <script> <!-- note : no async, not deferred --> 
</body>

Есть идеи?

Waterfall for lonestarpercussion.com

источник

2013-12-18 Robert

Я не понял, что переполнение стека изменит размер изображения - зеленая строка справа - это первое событие рисования – Robert

Как выясняется - водопад был просто вводит в заблуждение. Я создал небольшой скрипт, который ждал 10 секунд, прежде чем вернуться, чтобы имитировать действительно большой файл, а затем заменил все ссылки на изображения с помощью URL-адреса сценарию.

Как оказалось, только css в голове блокирует рендеринг - остальные файлы APPEAR блокируются, но это только совпадение, что они заканчивают загрузку прямо перед командой paint.

источник

2013-12-22 02:55:54 Robert

Изображения CSS и другие блокировки First Paint

ответ

Смежные вопросы