картинок на сайте, занимающих некоторое время, чтобы загрузить

Question

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

Вот мой сайт:.

top-drawer.net/artists.html

Когда я использую браузер, который не является моим собственным это очень заметно, как долго фотографии взять, чтобы загрузить в I «Я говорю о странице художников и отдельных страницах собственных художников. Когда вы нажимаете на страницы, на которых вы смотрите, как медленно загружаются изображения, и когда вы показываете кому-то новый сайт, он действительно не выглядит профессиональным вообще.

Что вызывает это и как я могу его исправить?

только для информации Я использую Google Chrome для просмотра моей работы.

Answer 1

Это займет немного времени, потому что есть сценарий, который изменяет непрозрачность элемента img от нуля до 100%, поэтому вы не можете сразу их увидеть. Попробуйте изменить его с:

$('#slider').backstretch([ 
    "/../images/bennyPalmer/2.jpg" 
    , "/../images/bennyPalmer/8.jpg" 
    , "/../images/bennyPalmer/3.jpg" 
], {duration: 3000, fade: 750}); 

к:

$('#slider').backstretch([ 
    "/../images/bennyPalmer/2.jpg" 
    , "/../images/bennyPalmer/8.jpg" 
    , "/../images/bennyPalmer/3.jpg" 
], {duration: 3000, fade: 750, fadeFirstImage: false}); 

Обратите внимание, что вам нужно последнюю версию репозитория. Здесь ссылка: https://github.com/srobbin/jquery-backstretch/pull/345

Answer 2

Ваши изображения занимают так много времени для загрузки (на странице «Артисты»), потому что это большие файлы. Попробуйте создать миниатюры больших изображений