Комментарии:

• Илья: 18.11.2025 в 11:06

  У вас нет готового решения для отложенной загрузки (загрузки по клику) для видео VK.com
  Не могу найти нормального JS. Сам написать не могу.

  Ответить
  • Alexander: 18.11.2025 в 11:11

    ВК Видео вставляется фреймом
    А если загружать по клику, то это другая тема.

    Ответить
    • Илья: 18.11.2025 в 11:33

      Т.е. с помощью jquery.lazy.iframe.js можно сделать вставку VK видео?

      Ответить
      • Alexander: 18.11.2025 в 11:38

        Должно нормально работать, у вас где то на странице будет фрейм с видео, и когда страница к нему подкрутится, он загрузится.

        Ответить
• Кирилл: 16.04.2024 в 13:58

  так удивительно ) Статья про отложенную загрузку, а страница грузится 30+ секунд на 500 мб канале ... )))
  Просто забавно. Наверно что-то где-то отвалилось.

  Ответить
  • Alexander: 16.04.2024 в 17:09

    Справа есть консоль, можете там посмотреть что загрузилось а что нет.
    У меня страница полностью загрузилась на 1.1мб за 1.4 сек, а далее, по мере прокрутки вниз, подгружается остальное.
    Может РСЯ свою лепту вносит, или хост притормозил.

    Ответить
• Ingvar: 02.10.2023 в 17:03

  Привет! А как это влияет на СЕО и оптимизацию, как реагирует гугл на скорость загрузки страницы и так далее?

  Ответить
  • Alexander: 05.10.2023 в 11:55

    Оно для этого и нужно, чтобы и гуглы и люди лучше реагировали

    Ответить
• Ярослав: 16.03.2022 в 15:35

  Здравствуйте, имеется такой код, в результате цикла генерируются div блоки с canvas, внутри iv3d модель - тяжелая от 10Мб, вызывается это в сплывающем окошке. на сайте есть скрипт процентов загрузки сайта и пока до 100% не загрузится, висит табличка. и из-за тяжести блоков с 3d загрузка долгая, можно ли с помощью данного плагина сделать отложенную загрузку div с 3d?
  [code]<?php

  $file3d = ''; // переменная для цикла с HTML
  $newArr3d = array();
  $file_parts_3d = array();
  $ext_3d='';
  $title_3d='';
  $ar_title_3d = array();
  $dir3d = '3d';
  $allowed_types_3d=array('iv3d');

  $fileico = ''; // переменная для цикла с HTML
  $newArrIco = array();
  $file_parts_ico = array();
  $ext_ico='';
  $title_ico='';
  $ar_title_ico = array();
  $dirico='ico';
  $allowed_types_ico=array('jpg');
  $i=0;
  $ii=0;

  $iterico = new FilesystemIterator($dirico, FilesystemIterator::KEY_AS_FILENAME);
  $iter3d = new FilesystemIterator($dir3d, FilesystemIterator::KEY_AS_FILENAME);

  //----------------------------------------------------------------------------------------
  //------------цикл для картинок-------------------------------------------------------
  foreach($iterico as $filePathico):
  $infileico = $iterico;
  $ar_title_ico[] = $filePathico;
  endforeach;

  //------------ массив картинок в строку --------------------

  $n_fileico_ar = implode(' ',$ar_title_ico);
  $new_fileico_ar = explode('ico/',$n_fileico_ar);
  $newArrIco = array_diff($new_fileico_ar,array(''));
  sort($newArrIco);
  reset($newArrIco);

  //------------цикл для 3d-------------------------------------------------------
  foreach($iter3d as $filePath3d):
  $infile3d = $iter3d;
  $ar_title_3d[] = $filePath3d;
  endforeach;
  //------------ массив 3d в строку --------------------
  $n_file3d_ar = implode(' ',$ar_title_3d);
  $new_file3d_ar = explode('3d/',$n_file3d_ar);
  $newArr3d = array_diff($new_file3d_ar,array(''));
  sort($newArr3d);
  reset($newArr3d);

  //-------------тестовый вывод------------

  /*
  echo"$fileico";
  echo"<br>";
  echo"$file3d";
  echo"<br>";
  */
  //----------------------------------------------------
  while ($ii<count($newArr3d)):

  $file3d = $newArr3d[$i];
  $fileico = $newArrIco[$i];

  $file_parts_ico = explode('.',$fileico);
  $ext_ico = strtolower(array_pop($file_parts_ico));
  $title_ico = implode('.',$file_parts_ico);
  $title_ico = htmlspecialchars($title_ico);

  $file_parts_3d = explode('.',$file3d);
  $ext_3d = strtolower(array_pop($file_parts_3d));
  $title_3d = implode('.',$file_parts_3d);
  $title_3d = htmlspecialchars($title_3d);

  echo '<div id="div'.$title_3d.'" class="white-popup mfp-hide">
  <canvas id="'.$title_3d.'" class="can3d" > </canvas>
  </div>

  <div class="col-md-4 col-sm-6">
  <div class="box-work">
  <div class="work-preview">
  <a href="#div'.$title_3d.'" title="'.$title_ico.'" class="open-popup-link"><img src="'.$dirico.'/'.$fileico.'" class="imgsmall" alt=""></a>
  <div class="hover">
  <div class="link-btns">
  <a href="#div'.$title_3d.'" title="'.$title_ico.'" class="open-popup-link"><i class="fa fa-search-plus"></i></a>
  </div>
  </div>
  </div>
  </div>
  </div>
  ';

  $i++;
  $ii++;
  endwhile;

  ?>[/code]

  Ответить
  • Alexander: 17.03.2022 в 16:02

    Я так понял основная загрузка приходится на?
    [code]<canvas id="'.$title_3d.'" class="can3d" > </canvas>[/code]

    Если так, то можно подключить их по аналогии с [url="https://atuin.ru/blog/otlozhennaya-zagruzka-yandeks-karty-i-vidzheta-vk/"]картой[/url]
    Т.е. после скрола, создаем канвас и присваиваем ему нужный айди и класс.
    Или после скрола подключить скрипт, который отрисовывает их.

    Лучше бы конечно поглядеть живой пример, а не код.

    Ответить
    • Ярослав: 17.03.2022 в 19:11

      в принципи да. Думаю переделать в основе всЁ. Сделать php генерацию страниц в определенную папку с 3d моделями, далее сканирование и создание записей в index и загрузка во всплывающем окне с применением pace.js

      Ответить
    • Ярослав: 17.03.2022 в 19:12

      [url="http://чпу-снк.рф"]Вот сам сайт... если что[/url]

      Ответить
      • Alexander: 18.03.2022 в 07:38

        Вам лучше не лази делать, а подключать 3д модель вместе с модальным окном
        Ставим в нем пустой канвас:
        [code]<div id="diva" class="white-popup mfp-hide">
        <canvas class="can3d"></canvas>
        </div>[/code]
        По клику на открытие, добавляем скрипт:
        [code]$('.open-popup-link').click(function() {
        var canID = $(this).attr('title'); // Берем атрибут title у ссылки
        var modalID = $(this).attr('href'); // Берем атрибут href у ссылки
        $(modalID +' canvas').attr('id', canID); // Устанавливаем ID у канваса

        // Далее подключаем саму модель, если я правильно понял, то так:
        var canvas = document.getElementById(canID);
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
        view3d=new iv.window({canvas:canvas,file:"3d/"+ canID +".iv3d",color:0x777777});
        });[/code]
        Удаляем эти подключения с шапки, а у боди
        [code]onload="ivCommonInit3d()"[/code]

        Ответить
      • Alexander: 18.03.2022 в 07:51

        Даже можно ID у канваса отсавить, а по клику подключать только анимацию.

        Ответить