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

12
N
На сайте с 21.01.2018
Offline
58
316
Думаю над ускорением загрузки сайта. Сайт контентный. Юзеры в основном из поиска. Средняя глубина просмотра - 1,5 страницы. 

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

Вроде бы, идея выглядит неплохо. Проблема в том, что я об этом никогда нигде не читал. Значит, есть опасение, что это туфта полная. Иначе бы кто-то уже давно применял. И в книжках описал.

Это вообще жизненно или нет?
Anamnado
На сайте с 08.02.2010
Offline
242
#1

нет не туфта 

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

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


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

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

jpg n03zygfj-2.jpg
Anamnado
На сайте с 08.02.2010
Offline
242
#2

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

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

LEOnidUKG
На сайте с 25.11.2006
Offline
1762
#3
Не жизненно. Лучше сразу верстать лёгкий дизайн без анимаций всяких и тупых мегатонных слайдеров в шапке.
✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
D.iK.iJ
На сайте с 26.05.2013
Offline
229
#4

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

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


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

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
outstreet
На сайте с 12.10.2008
Offline
119
#5
Да, критикал цсс в хэдер, картинки нативный лэйзи лоад можно, скрипты оберни в виндоу.онлоад, если карта есть, ее в сеттаймаут
D
На сайте с 28.06.2008
Offline
1108
#6
Как раз то что вам нужно https://habr.com/ru/company/vdsina/blog/514760/
N
На сайте с 21.01.2018
Offline
58
#7
Dram #:
Как раз то что вам нужно https://habr.com/ru/company/vdsina/blog/514760/

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

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

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

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

МА
На сайте с 02.11.2018
Offline
181
#9
Nonverbis #:

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

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

Nokia x71 (https://x71.ru/) - хороший смартфон, и отзывы интересные
Антоний Казанский
На сайте с 12.04.2007
Offline
735
#10
Nonverbis :
Сайт контентный. Юзеры в основном из поиска. Средняя глубина просмотра - 1,5 страницы. 

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

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

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

√ SEO продвижение ► https://akazansky.ru - экспертный аудит сайтов ( https://akazansky.ru/audit-sajtov ), внедрение эффективных решений цифрового маркетинга. Разговоры о SEO и не только: культурно, вежливо, доброжелательно ► https://t.me/seotusovochka
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий