Memory usage

Pending
REHub - Price Comparison, Affiliate Marketing, Multi Vendor Store, Community Theme REHub - Price Comparison, Affiliate Marketing, Multi Vendor Store, Community Theme November 30, 2023
Login to reply
Igor Sunz Support Agent
11 months ago
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.
Pavel Karpenko
11 months ago

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

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

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

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

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

Pavel Karpenko
11 months ago

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


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


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


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


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


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

Igor Sunz Support Agent
11 months ago
I mean you must load all blocks as separate template and not just separate
videos
Igor Sunz Support Agent
11 months ago
you must use Ajax template loading and not videobox, check my previous links
Pavel Karpenko
11 months ago

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

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

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

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

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

Pavel Karpenko
11 months ago

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

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

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

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

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

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

Igor Sunz Support Agent
11 months ago
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
Pavel Karpenko
11 months ago

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

В плагине 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;}

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

Igor Sunz Support Agent
11 months ago
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
Pavel Karpenko
11 months ago

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

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

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

Igor Sunz Support Agent
11 months ago
try to disable your custom solution for images. sometimes it's more
harmful. let me know results
Pavel Karpenko
11 months ago

Максимально что у нас получилось, это 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

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

Pavel Karpenko
11 months ago

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

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

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

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

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

Igor Sunz Support Agent
1 year ago
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> пише:
Pavel Karpenko
1 year ago

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

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

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

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


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

Additional Info

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