X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Google опубликовал справочное руководство по lazy loading
MissContent
MissContent
Topic Starter сообщение 6.11.2018, 22:50; Ответить: MissContent
Сообщение #1


Старожил
******

Группа: Active User
Сообщений: 1096
Регистрация: 22.7.2013
Поблагодарили: 974 раза
Репутация:   94  


Google опубликовал первую версию справочного руководства по «ленивой загрузке» (lazy loading) для SEO-специалистов. Об этом сообщил сотрудник компании Мартин Сплитт (Martin Splitt) в Twitter.

Документ получил название «Make sure Google can see lazy-loaded content» («Убедитесь, что Google видит контент с отложенной загрузкой»). Он пока доступен только на английском языке.

Техника «ленивой загрузки» позволяет ускорить загрузку страницы, существенно снизить нагрузку на сервер, а также сэкономить трафик пользователю. Однако при некорректном внедрении lazy loading может скрывать контент от Google.

Чтобы избежать таких проблем, в Google советуют придерживаться следующих рекомендаций:

Загружайте контент, когда он попадает в область просмотра. Чтобы убедиться, что Googlbot видит весь контент на странице, проверьте, чтобы в вашей реализации lazy loading весь релевантный контент загружался каждый раз, когда он становится видимым в области просмотра. Используйте для этого IntersectionObserver API и полизаполнение.

Обеспечьте поддержку постраничной загрузки при бесконечной прокрутке. Для этого нужно предоставить уникальную ссылку на каждый раздел, чтобы пользователи могли ею делиться и повторно вовлекаться во взаимодействие с контентом. Для обновления URL при динамической загрузке контента Google рекомендует использовать History API.

Протестируйте реализацию lazy loading. После того, как вы внедрили lazy loading, убедитесь, что всё работает правильно. Один из способов – это использовать скрипт Puppeteer, чтобы локально протестировать реализацию. Puppeteer – это Node.js-библиотека для управления Headless-режимом в Google Chrome и Chromium.

Напомним, о том, что Google работает над документацией по «ленивой загрузке», стало известно на прошлой неделе.


--------------------
Бурж Фарма 4:20 Лей СЮДА
Realpush - ТОП сервис для монетизации с помощью push notifications
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
VinogradOFF
VinogradOFF
сообщение 7.11.2018, 10:35; Ответить: VinogradOFF
Сообщение #2


Старожил
******

Группа: Active User
Сообщений: 1555
Регистрация: 7.8.2018
Из: Казань
Поблагодарили: 194 раза
Репутация:   17  


Кто-то уже имеет опыт применения ленивой загрузки у себя?
Пока совсем не понял что это за технология и какая практическая польза от ее применения ощутимо видна...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MissContent
MissContent
Topic Starter сообщение 7.11.2018, 11:59; Ответить: MissContent
Сообщение #3


Старожил
******

Группа: Active User
Сообщений: 1096
Регистрация: 22.7.2013
Поблагодарили: 974 раза
Репутация:   94  


Кто не в курсе, «ленивая загрузка» (lazy loading) – техника, позволяющая ускорить загрузку страниц, снизить нагрузку на сервер и сэкономить трафик. Однако при некорректном использовании такой способ загрузки может «спрятать» контент.


--------------------
Бурж Фарма 4:20 Лей СЮДА
Realpush - ТОП сервис для монетизации с помощью push notifications
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
OS_ZP_UA
OS_ZP_UA
сообщение 7.11.2018, 17:25; Ответить: OS_ZP_UA
Сообщение #4


Завсегдатай
*****

Группа: Active User
Сообщений: 640
Регистрация: 22.9.2011
Из: Украина, Запорожье
Поблагодарили: 236 раз
Репутация:   18  


Цитата(VinogradOFF @ 7.11.2018, 8:35) *
Пока совсем не понял что это за технология и какая практическая польза от ее применения ощутимо видна...

Дык на куче сайтов применяется, и например в АМР формат от Гугла она по умолчанию встроена.
Суть ее в том, что изначально подгружается только то, что необходимо в первом экране, и то, без чего первый экран невозможно визуализировать, а остальная часть сайта, ну например картинки или прочие элементы, не попадающие в первый экран, грузятся по мере того как ты до них докрутил. Соответственно по скольку не грузится ничего лишнего, первый экран юзверь получает быстрее, что улучшает восприятие, а кроме этого, если юзверь не стал крутить дальше первого экрана, то соответственно ему и не предается то, что в него не попадало, а соответственно экономится траффик и сервера и юзверя. Ну и плюс, возможность создавать бесконечные страницы, когда после окончания первой страницы, ниже нее подгружается следующая и т.д.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Osipec
Osipec
сообщение 7.11.2018, 17:51; Ответить: Osipec
Сообщение #5


Участник
***

Группа: User
Сообщений: 232
Регистрация: 17.8.2018
Поблагодарили: 20 раз
Репутация:   0  


Цитата(OS_ZP_UA @ 7.11.2018, 17:25) *
Ну и плюс, возможность создавать бесконечные страницы, когда после окончания первой страницы, ниже нее подгружается следующая и т.д.


А можно пример подобной реализации?
Не сталкивался никогда, но идея весьма интересная.
Я так понимаю на ajax можно это реализовать вполне?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
OS_ZP_UA
OS_ZP_UA
сообщение 7.11.2018, 18:11; Ответить: OS_ZP_UA
Сообщение #6


Завсегдатай
*****

Группа: Active User
Сообщений: 640
Регистрация: 22.9.2011
Из: Украина, Запорожье
Поблагодарили: 236 раз
Репутация:   18  


Цитата(Osipec @ 7.11.2018, 15:51) *
А можно пример подобной реализации?

https://religions.unian.net/religionsworld/...onca-sveta.html
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MissContent
MissContent
Topic Starter сообщение 8.11.2018, 18:28; Ответить: MissContent
Сообщение #7


Старожил
******

Группа: Active User
Сообщений: 1096
Регистрация: 22.7.2013
Поблагодарили: 974 раза
Репутация:   94  


Все началось с Гугл Хром.

Один из трюков для ускорения загрузки веб-страниц и сокращения объёма данных — Lazy Loading (ленивая загрузка). Идея состоит в том, чтобы подгружать изображения и некоторые другие данные по мере прокрутки страницы, а не сразу. Это позволяет уменьшить количество передаваемого контента, ведь те данные, что не видны на экране, просто не загрузятся.
При этом пока нет единого стандарта такой загрузки со стороны браузеров. Разработчики реализуют это на отдельных сайтах, но не более того. Однако в Google, похоже, решили изменить ситуацию. В будущих версиях Chrome должна появиться «ленивая загрузка» по умолчанию, а в версии Chrome Canary (для разработчиков) она уже есть.



Если хотите опробовать новую возможность, нужно скачать Chrome Canary, установить и запустить, а затем перейти в настройки. Там нужно включить следующие опции (флаги):

chrome://flags/#enable-lazy-image-loading
chrome://flags/#enable-lazy-frame-loading

После этого достаточно перезапустить браузер, чтобы изменения вступили в силу. Разумеется, на тех сайтах, где новая возможность реализована средствами самого портала, вы вряд ли заметите изменения. Однако на других ресурсах это, вероятно, ускорит загрузку.


--------------------
Бурж Фарма 4:20 Лей СЮДА
Realpush - ТОП сервис для монетизации с помощью push notifications


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LigaGiga
LigaGiga
сообщение 8.11.2018, 22:16; Ответить: LigaGiga
Сообщение #8


Участник
***

Группа: User
Сообщений: 213
Регистрация: 8.8.2018
Из: Череповец
Поблагодарили: 28 раз
Репутация:   4  


Цитата(MissContent @ 8.11.2018, 18:28) *
После этого достаточно перезапустить браузер, чтобы изменения вступили в силу. Разумеется, на тех сайтах, где новая возможность реализована средствами самого портала, вы вряд ли заметите изменения. Однако на других ресурсах это, вероятно, ускорит загрузку.


Прикольно решение, к тому же с учетом что сейчас любят делать тяжелые и красивые сайты длинные.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Выдача Google, если ЕС примет «Директиву про копирайт»
18 MissContent 2268 Вчера, 0:50
автор: Webranger
Открытая тема (нет новых ответов) РКН: Google удалил из выдачи 75-80% запрещенных сайтов
10 VinogradOFF 347 18.4.2019, 16:19
автор: VinogradOFF
Горячая тема (нет новых ответов) Настройка, оптимизация и введение Google AdWords и Яндекс.Директ
mkcontext.com
29 mkcontext 9361 17.4.2019, 0:49
автор: mkcontext
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыGoogle запустил новый ресурс для комплексной оценки сайтов
45 MissContent 5030 16.4.2019, 13:10
автор: OS_ZP_UA
Открытая тема (нет новых ответов) На замену Google+. Google представила сервис Currents
4 seostock 407 14.4.2019, 7:32
автор: LuxePush


 



RSS Текстовая версия Сейчас: 21.4.2019, 14:31
Дизайн