Как остановить загрузку изображений изображений на главной странице блоггера?

Изображения, которые на страницах сообщений загружаются на главную страницу блоггера. Я хочу, чтобы это сообщение загружало только почтовую страницу. Если у вас есть ответ на эту проблему. Пожалуйста, дайте мне знать. Спасибо. Это мой URL-адрес блоггера: http://sritestweb.blogspot.com/Как остановить загрузку изображений изображений на главной странице блоггера?

источник

2016-01-11 Krishantha Namal Lagamuwa

Удалите из-за страницы изображения с главной страницы. Загрузите его с помощью javascript при загрузке на главной странице.

//This function should be called on main page load event. 
function onPageLoad(){ 
    //imgcontainer is 'id' of containing element. 
    var container = document.getElementsById("imgcontainer"); 
    var img = document.createElement('img'); 
      img.setAttribute('src', imagePath); 
    container.appendChild(img); 
}

Выполнение этого способа, рендеринг главной страницы не будет ждать загрузки почтовых изображений.

источник

2016-01-11 07:25:19

Уважаемый господин, я попробовал ваш метод, но он не работает. –

, пожалуйста, просмотрите этот блог о том, как отложить загрузку изображений [link] https://varvy.com/pagespeed/defer-images.html. А также я проверил ваш блог * .woff-файл занимает около 726ms для загрузки. Загружайте только шрифты, если вы действительно используете их на своей странице. –

Это прекрасно работает для меня. Пожалуйста, проверьте. 'default.jpg' - это тот, который вы хотите показать перед фактической загрузкой изображения. Держите размер «default.jpg» до минимума.

<!DOCTYPE HTML> 
<html> 

<head> 
<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')); 
    } } } 

</script> 
</head> 
<body onload="init()"> 
<img data-src="original-image1.jpg" src="default.jpg"> 
</img> 

<img date-src="original-image2.jpg" src="default.jpg"> 
</img> 

</body> 
</html>

источник

2016-01-12 04:57:59

Уважаемый господин, ваш метод работает, пока у вас есть только одно изображение в сообщении, и оно не может применяться непосредственно в сообщении blogger. выше код не подходит для публикации в блогере. Я хочу оптимизировать код для Blogger. Спасибо. –

Я протестировал код, который он применил для всех изображений на моей странице. Кстати, я сделал небольшую ошибку опечатки в приведенном выше коде. Второе изображение 'data-src' неверно напечатано как 'date-src'. –

Ваш метод работает, но он не может применяться непосредственно в сообщении blogger. если вы найдете простой метод для этого процесса. пожалуйста, дайте мне знать. Спасибо за помощь. –

Как остановить загрузку изображений изображений на главной странице блоггера?

ответ

Смежные вопросы