Рендерить первый экран отдельно


Nonverbis
292

Думаю над ускорением загрузки сайта. Сайт контентный. Юзеры в основном из поиска. Средняя глубина просмотра — 1,5 страницы. 
Есть идея загрузить первый экран отдельно. Очистить первый экран от любых библиотек, скриптов и шрифтов. И не ставить в него тяжелых картинок. Это загрузится очень быстро. Потом сразу прелоад библиотек и всяких картинок. И если юзер начнет скроллить, то подгружаем АЯКСом остаток контента. Скорее всего, юзер даже не особо заметит этого. А даже если и заметит — не сильно страшно. Юзер если начал скроллить, он уже лоялен, ну, подождет секунду.
Вроде бы, идея выглядит неплохо. Проблема в том, что я об этом никогда нигде не читал. Значит, есть опасение, что это туфта полная. Иначе бы кто-то уже давно применял. И в книжках описал.
Это вообще жизненно или нет?


Anamnado

нет не туфта 

90% веб вебмастеров умеют не более чем устанавливать WP и всё. 

мне вот например такое не надо так как у меня весь контент быстро грузится.

здесь кто то говорил что у яндекса без турбо нет высокого индекса скорости 

официально заявляю — бряхня — всё там гут…. (вот скриншот одного из сайтов сделал с индексом скорости)



jpg

n03zygfj-2.jpg


Anamnado

//сылочек в подписи у мене больше нетути  не узреть  теперь мое гуано 😀.

я не знаю как скорость повлияло на выдачу…  но это у меня личное — загоны, выжимать максимум…..


LEOnidUKG

Не жизненно. Лучше сразу верстать лёгкий дизайн без анимаций всяких и тупых мегатонных слайдеров в шапке.


D.iK.iJ

Какой, простите, Аякс?

Убираете все стили и скрипты в футер, объединяя в минимум файла, а для первого экрана делаете отдельный CSS в теле страницы. Гуглить Critical Path CSS. Например, вот. Ну и дальше переделываем скрипты для нормальной работы и смотрим — что отвалилось.

Если хочется сделать очень быстрый шаблон, то убираем рекламу, все лишние счетчики и плагины. 🙂 Можно его вообще отдельно подключать для мобильных.


outstreet

Да, критикал цсс в хэдер, картинки нативный лэйзи лоад можно, скрипты оберни в виндоу.онлоад, если карта есть, ее в сеттаймаут


Dram

Как раз то что вам нужно https://habr.com/ru/company/vdsina/blog/514760/


Nonverbis

Dram #:
Как раз то что вам нужно https://habr.com/ru/company/vdsina/blog/514760/

Спасибо за ответ. Но это только в Хроме. Это все же не панацея. 


богоносец

Ваши планы == антиПанацея:
Очистить первый экран от любых библиотек, скриптов и шрифтов. И не ставить в него тяжелых картинок. Это загрузится очень быстро. Потом сразу прелоад библиотек и всяких картинок. И если юзер начнет скроллить, то подгружаем АЯКСом остаток контента

Функционирование браузера не в этих категориях описуемо… не «в первом экране» библиотеки..шрифты, но долгая загрузка всякого функционала – не должна влиять на отрисовку. И это выполнимо.

Посмотрите исходный код страницы выдачи гугла – он слишком большой… но по HTTP так быстрее.


Махмуд Аббас

Nonverbis #:

Спасибо за ответ. Но это только в Хроме. Это все же не панацея. 

Так Хром — это чуть ли не 90%.


Антоний Казанский

Nonverbis :
Сайт контентный. Юзеры в основном из поиска. Средняя глубина просмотра — 1,5 страницы. 

Так может быть большинство юзеров исчерпывают свой интерес на первой странице. Какого типа контентный проект? Просто информационник с изложением целевого запроса на одной странице?

Nonverbis :
Думаю над ускорением загрузки сайта.

Какие средние показатели? First Byte?  Start Render? Время полной загрузки документа? Проверьте страницу сервисом https://www.webpagetest.org/ наверняка найдете проблемные элементы, тормозящие загрузку страницы.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *