Sizam Support Help Desk

you need to find solution which will take all iframes on page and make them
in noscript tags with lazy load. Or you need to modify render output of
videoblock. Or you need to tweak overlay script. I guess you can try to
load file libs/video/index.js after you enable your videos, this will
reload overlay script.

Давайте подытожим!

Есть два пути решения

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

2. У нас получилось отложить .gs-video-wrapper, блокировки нет, и получили хороший pagespeed, но после этого не запускается видео при клике на иконку, но мы не понимаем почему так

Можете помочь?

Все таки у нас не все получатся((

Пробовали откладывать части видео

вот эти блоки .gs-video-element и .gs-video-overlay при этом все равно происходит блокировка

а если откладываем .gs-video-wrapper то все отлично, блокировки нет, но после этого не запускается видео, т.е. не отрабатывает скрипт shadowbox

ПС Ваши предложения не совсем подходят, так как видеохаб предполагает различное оформление блоков в котором будет присутствовать видео и отложив этот "кусок" страницы, мы так же скроем часть текстового контента

ППС Что еще можно предпринять?

I mean you must load all blocks as separate template and not just separate
videos

you must use Ajax template loading and not videobox, check my previous links

Через iteractions layer что-то не получается

Элементу video box поcтавили два условия

При загрузке страницы скрыть, а при scroll 50 px - show

Но что-то так у нас не работает

Какие нужно указать условия, что бы video box не загружался при загрузке страницы, а потом появлялся при скролинге?

Все таки у нас не все получатся((

Пробовали откладывать части видео

вот эти блоки .gs-video-element и .gs-video-overlay при этом все равно происходит блокировка

а если откладываем .gs-video-wrapper то все отлично, блокировки нет, но после этого не запускается видео, т.е. не отрабатывает скрипт shadowbox

ПС Ваши предложения не совсем подходят, так как видеохаб предполагает различное оформление блоков в котором будет присутствовать видео и отложив этот "кусок" страницы, мы так же скроем часть текстового контента

ППС Что еще можно предпринять?

There is no problem in this block. you just did the same thing that i
described about Ajax loading but via Autoptimize. Similar thing is working
on your example. They put iframe area in noscript section then load it
after user click. We may use the same approach in future for video block

Получилось сделать вот так

В плагине Autoptimize Pro есть возможность отложить html элементы, я отложил .gs-video-wrapper

Вот пояснение к функционалу

Delay rendering parts of the page

Comma-separated list of CSS classes (with a dot) or id's (with #) from the HTML which you only want to show up at user interaction, reducing initial page complexity (resulting in less requests, smaller DOM size). You might want to add custom CSS for the "hidden" parts ensuring correct height & width to avoid CLS. Example CSS to set lazyloaded widgets to a fixed 200px height; aside.lazyhtml{height:200px;}

Проблемы были в этом блоке

then I don't know why it's blocking. Maybe because iframes are lazy loaded
but not hidden like on your example.

I forgot also next feature
https://greenshiftwp.com/documentation/greenshift-extra/ajax-loading-for-reusable-templates/

https://greenshiftwp.com/documentation/greenshift-extra/template-shortcodes-and-how-to-use-greenshift-blocks-in-other-page-builders/

You may add first 10 videos and all other will be ajax loaded when user
scrolls down

Кастомное решение для картинок, это wp-rocket lazy load

Когда отключили его, стало хуже

Размер страницы стал 4.5 Мб

try to disable your custom solution for images. sometimes it's more
harmful. let me know results

Максимально что у нас получилось, это https://eddu.pro/youtube-video-hub/

page speed показывает https://pagespeed.web.dev/analysis/https-eddu-pro-youtube-video-hub/3i7dfmgmcj?utm_source=psi&utm_medium=redirect&hl=ru&form_factor=mobile

Проблему с Total Blocking Time

Нужна ваша помощь

Мы пытаемся сделать вот такую страницу https://videoinfographica.com/photoshop-tutorials/

на ней, к примеру 225 видео, загружается вполне быстро

С вашими рекомендациями получается вот так https://eddu.pro/free-spoken-english/

Скорость загрузки медленная

Что можно еще предпринять?

No way to have 350 video on page and keep fast speed. You can show link on
video instead video. You can also try to use lightbox option in video box,
this will remove YouTube iframe at least. And you can use own poster image.

чт, 30 лист. 2023 р. о 13:39 Sizam Support Help Desk <
sizamtheme+eGDZOa94VzlP4BVKv3n0@mail.support-hub.io> пише:

Редактор написал статью "Бесплатные онлайн-уроки разговорного английского языка. ТОП-350 видеоуроков"

Мы собрали 350 видеоуроков с youtube

Каждый ролик мы оформили через Video block ии редактор пожаловался что страница сильно "тормозит"

Страница потребляет память, 700mb

Что вы посоветуете? Как вставлять большое кол-во видео?

Additional Info

Link on page with issue: https://eddu.pro/

Memory usage