Я пытаюсь объединить 2 функции отсрочки инициализации в 1 сценарий Java.

На самом деле я сейчас пытаюсь объединить еще один, но он делает конфликт и JS очень тяжелым. это 2 разных сценария + 1 не так важен (но если у вас получится, помогите мне объединить их все идеально, чтобы было лучше).

Этот код я пытаюсь поставить после того, как отредактирую его 2 (2 функции init):

function init() {
    var imgDefer = document.querySelectorAll('div[data-src]');
    var style = "background-image: url({url})";
    for (var i = 0; i < imgDefer.length; i++) {

        imgDefer[i].setAttribute('style', style.replace("{url}", imgDefer[i].getAttribute('data-src')));

    }
    imgDefer = document.getElementsByTagName('img');
    for (var i = 0; i < imgDefer.length; i++) {
        if (imgDefer[i].getAttribute('data-src')) {
            imgDefer[i].setAttribute('src', imgDefer[i].getAttribute('data-src'));
        }
    }
}
window.onload = init;

Я тоже делаю его коротким... он откладывает изображения, но замедляет сайт:

function init(){for(var t=document.querySelectorAll("div[data-src]"),e=0;e<t.length;e++)t[e].setAttribute("style","background-image: url({url})".replace("{url}",t[e].getAttribute("data-src")));t=document.getElementsByTagName("img");for(e=0;e<t.length;e++)t[e].getAttribute("data-src")&&t[e].setAttribute("src",t[e].getAttribute("data-src"))}window.onload=init;

(код отложен можно посмотреть на сайте: locksmithunit.com)

Но он очень медленно загружает страницу.


И это все исходные коды... эти коды для отложенных изображений и последний для "кадра"

Рама не так важна. и если вы можете дать мне его отдельно, потому что у меня нет iframe.

Пожалуйста, помогите мне, ребята, я очень потерял. Я больше всего комбинирую как минимум первые 2 скрипта из всех 3-х, которые отправляю сейчас:

<script>
function init() {
var imgDefer = document.getElementsByTagName('img');
for (var i=0; i<imgDefer.length; i++) {
if(imgDefer[i].getAttribute('data-src')) {
imgDefer[i].setAttribute('src',imgDefer[i].getAttribute('data-src'));

} } }
window.onload = init;
<script> 


<script>
function init() {
  var imgDefer = document.querySelectorAll('div[data-src]');
  var style = "background-image: url({url})";
  for (var i = 0; i < imgDefer.length; i++) {

    imgDefer[i].setAttribute('style', style.replace("{url}", imgDefer[i].getAttribute('data-src')));

  }
}
window.onload = init;
</script>


<script>
function init() {
var vidDefer = document.getElementsByTagName('iframe');
for (var i=0; i<vidDefer.length; i++) {
if(vidDefer[i].getAttribute('data-src')) {
vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));
} } }
window.onload = init;
</script>
0
Locksmith Unit 29 Окт 2019 в 07:08
Эй, просто вопрос, почему у вас есть 3 скрипта, все они называются init, как приложение узнает, какой из них использовать? Они все на разных страницах? Вы просто ищете помощь, объединяющую все 3 в одну функцию для запуска из master page или некоторого homepage? Просьба уточнить
 – 
EGC
29 Окт 2019 в 07:19
Я отправил тебе объяснение
 – 
Locksmith Unit
29 Окт 2019 в 13:31

1 ответ

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

После этого мне удается отложить фоновое изображение: url(). но это другой JS, как вы видите в примере, который я публиковал ранее.

Мне удается их комбинировать, но все же JS не дает полной мощности.

После этого я снова начинаю исправлять страницы и замечаю, что на нескольких страницах есть iframe карт Google. (что-то около 40 страниц).

И я также пытаюсь отложить iframe, но это было слишком много для javascript, и веб-сайт теряет загрузку страницы...

JS нужно переписать снова... я пробую пару вариантов, как я уже публиковал ранее, но ни один из них не улучшает загрузку страницы.

Если нам удастся исправить Javascript, по крайней мере, поместите 2 функции внутри JS, JS фона и изображений, вы спасете меня, потому что я уже редактирую все 120 страниц, а JS работает и откладывает, но повредит загрузку страницы, потому что JS не написано хорошо. (iframe не так важен, как изображения и фон)

0
Locksmith Unit 29 Окт 2019 в 07:40