Есть ли способ переопределить, как браузеры отображают страницы?

Я грубо знаю, как браузер анализирует веб-сайт и как он выполняет всю работу от I типа stackoverflow.com, чтобы у меня была страница в моем браузере.Есть ли способ переопределить, как браузеры отображают страницы?

Вопрос заключается в том, как я могу переопределить или манипулировать свое поведение, чтобы заставить определенный набор задач в порядке, я хочу.

Я имею в виду что-то вроде этого:

Скачать только HTML код выше сгиба разделе сайта.
Загрузите и проанализируйте таблицу стилей выше раздела сгиба веб-сайта.
Рендер над складкой
Загрузка изображений над складкой
Скачать JS из выше сгиба
при разборе JS, загрузить другой раздел сайта
Repeat ...

В моем примере я просто хочу сделать над слоем как можно скорее, а затем отобразить остальную часть страницы.

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

источник

2016-04-09 IAmJulianAcosta

Этот вопрос слишком широк.Вы пытаетесь внедрить Javascript, который достигнет каждой из этих задач? Если это так, есть уже [вопросы] (http://stackoverflow.com/questions/19374843/css-delivery-optimization-how-to-defer-css-loading) и [ответы] (http://stackoverflow.com/questions/30964257/critical-css-over-the-fold-content-and-rendered-views) для этих задач. Или вы пытаетесь внедрить плагин для браузера? – alexw

Возможно, он слишком широк, но я прошу его найти подробный ответ, который поможет мне найти способ выполнить то, что я хочу, но очевидно, что СО любит вопросы больше как «помогите, это не работает» – IAmJulianAcosta

SO нравится специфические, хорошо изученные вопросы. Проблема с «переопределением способов отображения страниц браузерами» заключается в том, что это буквально может описывать * все *. ВСЕ CSS и Javascript изменяет поведение браузера по умолчанию. Что касается остальных ваших вопросов ... они на самом деле не вопросы, это темы. Если раньше вы проводили некоторые исследования по этим общим темам, я подозреваю, что у нас будет гораздо больше конкретных вопросов. – alexw

Каким образом браузер должен знать, какой источник вашего веб-сайта касается области выше складки?

Ну, вам необходимо позаботиться об этом. Явное.

В начальной таблице стилей вашего сайта включаются только стили для «над сгибом».
В исходном JavaScript JavaScript вашего сайта учитывается поведение для «выше складки» и поведение для динамического отображения остальной части контента (например, jspm).
После визуализации исходного окна просмотра, загрузите JavaScript и вставьте остальные стили/скрипты и вставьте их в свой DOM.
Вы также можете разделить свой сайт на куски, загружаемые динамически, когда пользователь прокручивается рядом (см., Например, ленивую загрузку изображений/видеороликов, раздел комментариев YouTube и т. Д.).

Опасайтесь: Что такое «над сгибом»? Можете ли вы рассказать о том, что выше складки для устройств с меньшими экранами, таких как мобильные телефоны или даже смарт-часы?

В большинстве случаев это ненужные сценарии и средства массовой информации, которые убивают производительность сайта. Нет причин для предварительного извлечения.

Вместо того, чтобы надстраивать это, вы должны использовать более простые подходы (например, ленивые загрузки больших фрагментов данных, которые пользователь должен сначала прокрутить).

источник

2016-04-09 04:28:42 Chiru

_ «Что такое« над складкой »?» _ - ИМХО это идиотская конструкция, изобретенная Google, которая злоупотребляет своей рыночной позицией, чтобы попытаться заставить всех нас изнасиловать и расчленить наш HTML и CSS ... – CBroe

@cbroe имеет смысл когда у вас очень большая страница, и вы хотите сделать ее очень быстрой. Это был только пример – IAmJulianAcosta

Есть ли способ переопределить, как браузеры отображают страницы?

ответ

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