1. Порядок загрузки IE находится сверху вниз, а порядок рендеринга также находится сверху вниз. Загрузка и рендеринг выполняются одновременно.
2. При рендеринге на часть страницы все приведенные выше детали были загружены (не все связанные элементы были загружены).
3. Если вы столкнетесь с семантическим интерпретирующим файлом встроенного тега (сценарий JS, стиль CSS), то процесс загрузки IE включит отдельное соединение для загрузки.
4. После того, как загрузка листа стиля будет завершена, он будет анализироваться со всеми скачами в стиле. После того, как анализ будет завершен, все предыдущие элементы (в том числе те, которые были представлены ранее) будут повторно обновлены.
5. Если в JS и CS есть переопределение, более поздняя функция определения будет переоценить предыдущую функцию определения.
Загрузка JS1. Не могу скачать и разрабатывать параллельно (блокировка скачивания).
2. Когда JS ссылается, браузер отправляет запрос JS и будет ждать возврата запроса. Поскольку браузер нуждается в стабильной структуре дерева DOM, вполне вероятно, что есть
Код напрямую изменяет структуру дерева DOM, такую как использование Document.Write или AppendChild, или даже непосредственно с использованием location.href для прыжков. Чтобы предотвратить ремонт JS, браузер
Чтобы изменить дерево DOM, необходимо восстановить дерево DOM, поэтому оно блокирует другие загрузки и визуализации.
Как ускорить загрузку страницы HTML1. Потеря веса страницы:
а Вес страницы является наиболее важным фактором, влияющим на скорость нагрузки.
беременный Удалить ненужные пространства и комментарии.
в Переместите встроенный скрипт и CSS на внешние файлы.
дюймовый Вы можете использовать html riady, чтобы похудеть для HTML, и вы также можете использовать некоторые инструменты сжатия, чтобы похудеть для JavaScript.
2. Уменьшите количество файлов:
а Сокращение количества файлов, упомянутых на странице, может уменьшить количество HTTP -соединений.
беременный Многие файлы JavaScript и CSS могут быть объединены, и лучше всего их объединить. Кайбангзи объединил свой JavaScript. функции и прототип.js в файл base.js.
3. уменьшить доменное имя запрос:
а Доменные имена DNS и доменные домены также потребляют время, поэтому нам необходимо уменьшить ссылку на внешний JavaScript, CSS, изображения и другие ресурсы. Чем меньше вы используете разные доменные имена, тем лучше.
4. Кэш повторно использовал данные:
а Кэш повторно использовал данные.
5. Оптимизировать порядок загрузки элементов страницы:
а Сначала загрузите контент, изначально отображаемый на странице, а JavaScript и CSS, связанные с ним, а затем загрузите связанные с HTML вещи, такие как те, которые не отображаются на оригинальных изображениях, вспышке, видео и т. Д., А затем загрузите их.
6. Уменьшите количество встроенного JavaScript:
а Парсер браузера предполагает, что встроенный JavaScript изменит структуру страницы, поэтому использование встроенного JavaScript стоит дорого.
беременный Не используйте Document.Write (), метод вывода контента, используйте современные методы W3C DOM для обработки содержания страницы для современных браузеров.
7. Используйте современные CSS и юридические теги:
а Используйте современные CSS, чтобы уменьшить этикетки и изображения. Например, использование современного текста CSS+ может полностью заменить некоторые текстовые изображения.
беременный Используйте юридические теги, чтобы избежать исправления ошибок и других операций, когда браузер анализирует HTML. Вы также можете использовать html riady, чтобы похудеть для HTML.
8. Купите ваш контент:
а Не используйте вложенные таблицы, а не заложенные таблицы или DIV. Разместите макет таблицы на основе больших кусков вложенных таблиц на несколько небольших таблиц, поэтому вам не нужно ждать, пока не будет загружено содержимое всей страницы (или большой таблицы).
9. Укажите размер изображения и таблицы:
а Если браузер может немедленно определить размер изображения или таблицы, он может немедленно отобразить страницу без повторного выполнения некоторого расположения макета.
беременный Это не только ускоряет отображение страницы, но и предотвращает некоторые ненадлежащие изменения в макете после загрузки страницы.
в Изображение использует высоту и ширину.
HTML -страница загрузка и процесс анализа1. Пользователь вводит URL -адрес (при условии, что это HTML -страница, и это первый раз, когда вы получаете доступ к нему), браузер выдает запрос на сервер, а сервер возвращает файл HTML.
2. Браузер начинает загружать код HTML и обнаруживает, что в теге <Head> тег <Head>, ссылаясь на внешний файл CSS.
3. Браузер выдает запрос на файл CSS, а сервер возвращает файл CSS.
4. Браузер продолжает загружать часть кода в HTML, и файл CSS был получен, поэтому вы можете начать рендеринг страницы.
5. Браузер нашел тег <img> в коде, который ссылался на изображение и сделал запрос на сервер. В настоящее время браузер не будет ждать, пока изображение не будет загружено, но будет продолжать отображать последующий код.
6. Сервер возвращает файл изображения. Поскольку изображение занимает определенную область, оно влияет на расположение последующих параграфов, поэтому браузер должен вернуться назад и повторно оформлять эту часть кода.
7. Браузер нашел тег <croppl>, содержащий строку кода JavaScript, и быстро его запускает.
8. Скрипт JavaScript выполняет этот оператор, который командует браузеру, чтобы скрыть <style> (style.display = none) в коде. Жаль, что внезапно отсутствует такой элемент, и браузер должен повторно распространять эту часть кода.
9. Наконец, я ждал прибытия </html>, и браузер расплакался ...
10. Подождите, еще не закончилось. Пользователь нажал кнопку Skinning в интерфейсе, и JavaScript попросил браузер изменить путь CSS тега <NINK>.
11. Браузер собрал всех здесь, все упаковали свой багаж, мы должны сделать это снова ... браузер запросил новый файл CSS с сервера и повторно рендерировал страницу.