Медленная загрузка первых изображений кладки

Question

Я использую masonry plugin на моем сайте

Моя проблема в том, что первые 20 изображений загружаются очень долго и до полной зарядки и остаются в левой части экрана.страница для формирования столбца изображений.

Как я могу ускорить первые двадцать изображений с моей веб-страницы с помощью этого плагина?

Большое спасибо

Answer 1

Наряду с CDN, как упомянуто выше, или я мог бы предложить получить меньшие изображения. В любом случае, существует плагин imagesLoaded, который идет рука об руку с кладкой, которая обеспечивает полную загрузку изображений перед рендерингом блоков.

Возьмите плагин здесь .

После того, как вы установили плагин, оберните ваш масонский вызов так:

var $container = $('#container');
$container.imagesLoaded(function(){
  $container.masonry({
    itemSelector : '.item',
    columnWidth : 240
  });
});

Еще один замечательный плагин для использования с Masonry - infinite-scroll. Дайте мне знать, если вам нужна помощь в настройке.

Answer 2

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