Думаю над ускорением загрузки сайта. Сайт контентный. Юзеры в основном из поиска. Средняя глубина просмотра — 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/ наверняка найдете проблемные элементы, тормозящие загрузку страницы.
Nonverbis
Anamnado
нет не туфта
90% веб вебмастеров умеют не более чем устанавливать WP и всё.
мне вот например такое не надо так как у меня весь контент быстро грузится.
здесь кто то говорил что у яндекса без турбо нет высокого индекса скорости
официально заявляю — бряхня — всё там гут…. (вот скриншот одного из сайтов сделал с индексом скорости)
jpg
n03zygfj-2.jpg
Anamnado
//сылочек в подписи у мене больше нетути не узреть теперь мое гуано 😀.
я не знаю как скорость повлияло на выдачу… но это у меня личное — загоны, выжимать максимум…..
LEOnidUKG
D.iK.iJ
Какой, простите, Аякс?
Убираете все стили и скрипты в футер, объединяя в минимум файла, а для первого экрана делаете отдельный CSS в теле страницы. Гуглить Critical Path CSS. Например, вот. Ну и дальше переделываем скрипты для нормальной работы и смотрим — что отвалилось.
Если хочется сделать очень быстрый шаблон, то убираем рекламу, все лишние счетчики и плагины. 🙂 Можно его вообще отдельно подключать для мобильных.
outstreet
Dram
Nonverbis
Как раз то что вам нужно https://habr.com/ru/company/vdsina/blog/514760/
Спасибо за ответ. Но это только в Хроме. Это все же не панацея.
богоносец
Функционирование браузера не в этих категориях описуемо… не «в первом экране» библиотеки..шрифты, но долгая загрузка всякого функционала – не должна влиять на отрисовку. И это выполнимо.
Посмотрите исходный код страницы выдачи гугла – он слишком большой… но по HTTP так быстрее.
Махмуд Аббас
Спасибо за ответ. Но это только в Хроме. Это все же не панацея.
Так Хром — это чуть ли не 90%.
Антоний Казанский
Сайт контентный. Юзеры в основном из поиска. Средняя глубина просмотра — 1,5 страницы.
Так может быть большинство юзеров исчерпывают свой интерес на первой странице. Какого типа контентный проект? Просто информационник с изложением целевого запроса на одной странице?
Думаю над ускорением загрузки сайта.
Какие средние показатели? First Byte? Start Render? Время полной загрузки документа? Проверьте страницу сервисом https://www.webpagetest.org/ наверняка найдете проблемные элементы, тормозящие загрузку страницы.