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

• Кирилл: 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?

  <?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;
  
  ?>

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

    Я так понял основная загрузка приходится на?

    <canvas id="'.$title_3d.'" class="can3d" > </canvas>

    Если так, то можно подключить их по аналогии с картой
    Т.е. после скрола, создаем канвас и присваиваем ему нужный айди и класс.
    Или после скрола подключить скрипт, который отрисовывает их.

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

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

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

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

      Вот сам сайт... если что

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

        Вам лучше не лази делать, а подключать 3д модель вместе с модальным окном
        Ставим в нем пустой канвас:

        <div id="diva" class="white-popup mfp-hide">
        	<canvas class="can3d"></canvas>
        </div>

        По клику на открытие, добавляем скрипт:

        $('.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});
        });

        Удаляем эти подключения с шапки, а у боди

        onload="ivCommonInit3d()"

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

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

        Ответить