Ускоряем сайт с JivoSite. Отложенная загрузка онлайн-консультанта

[@aliencash]

А я просто сделал 10секундный setTimeout на скрипт jivosite. Результат в google padespeet insight, gtmetrix, webpagetest — одинаковый, а вот в chrome lighthouse вы проигрываете 10-15 очков пр разделу performance.

[@Playa]

Мне, как пользователю было бы лучше, если бы вы заменили код загрузки JivoSite на пустую строку.

[@delphinpro]

Чатик иногда бывает полезен. Если бы была просто кнопка, по клику по которой загружается и инициализируется виджет, было бы идеально с моей колокольни.

[@aliencash]

У меня так скрипт поиска по сайту сделан, пока пользователь не поставит курсор в поле ввода, поиск не грузится.

[@aliencash]

Я согласен с вами. Совсем без чата грузилось бы быстрее. А без https вообще ураган бы был. Серьезно, до всех этих новшеств у меня 100/100 было в google padespeet insight, сейчас — меньше. Но место с поисковой выдаче в нашей тематике — на вес золота. Если я смогу таким образом «отжать» у конкурентов несколько лишних десятков пикселей на первой странице в яндексе — это уже серьезный профит. И если я не сделаю — сделают конкуренты и клиент уйдет к более заметному снипету. Т.ч. не от хорошей жизни чат внедряется.

[@Madeas]

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

[@Terras]

Мне как пользователю было бы удобно, чтобы и в обычных магазинах не было продавцов, которые предлагают тебе помочь. Да и колл-центры не названивали и ничего не предлагали. Но реальность такова, что так можно больше заработать.

[@RA_ZeroTech]

Не реклама, но может помочь:)
hellogoodbye.app

[@aliencash]

Не горячитесь. В живосайте всплывает со звуком эта хрень только на платных тарифах. На бесплатном она будет в свернутом виде тихо сидеть и молчать. Плюс есть возможность кастомизации плашки вызывающей шайтана. Я у себя эту плашку сделал 40х40, в углу. Думаю даже вас такой вариант не обидит.

[@hazratgs]

Однажды были проблемы с livetex, там из-за long-polling запросов не отрисовывалась страница! иногда ответ от их сервера приходилось ждать минутами!

[@hatman]

При всем моем уважении, но:

«поддержка IE8»



Вы что чатик пытаетесь поставить на пенсионный фонд России? =)

[@denisgrim]

Кнопка чатика в правом нижнем углу мобильных сайтов бесит неимоверно! Постоянно задевается пальцем и всплывает поверх всего экрана. Причем чувствительной является зона значительно выше кнопки. Чтобы закрыть, приходится тянуться пальцем через весь экран!

[@aliencash]

У меня она в левом нижнем =). Но в правом нижнем кнопка «вверх», которая вероятно вас бы тоже выводила из себя.

[@mittus]

Полёт нормальный. Спасибо за быстрое решение! :)

[@vitektm]

Данное решение создает кнопку (снизу справа), и по клику по ней загружаетс код jivosite, скрывает кнопку заглушку и запускает окно jivosite. Можно через определённое время загрузить код чата (скажем через 30-60 сек) или на второй странице когда большая часть статики уже будет в кеше.

<style>
.st1{
position:fixed; 
box-shadow:0 12px 14px 8px #d4d4d4;
transform:rotate(-90deg) translate(100%);
transform-origin:bottom right;
right:0;
border-top-right-radius:34px;
background:#4baf50;
bottom:30px;
cursor:pointer
}
.st2{
margin:12px 33px 12px 16px;
font:14px Arial; 
color:#fff 
}
.st3{
position:absolute;
right:0;
top:0;
width:32px;
height:34px
}
</style>
<script>
function jivo ()
{
var widget_id = 'ВАШ id jivosite';
var d=document;
var w=window;
function l()
{
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = '//code.jivosite.com/script/geo-widget/'+widget_id;
var ss = document.getElementsByTagName('script')[0];
ss.parentNode.insertBefore(s, ss);
}
if(d.readyState=='complete')
{l();}
else
{if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}
}
function jivoBtnHide(){
const  jivobtn = document.querySelector(".st1");
jivobtn.style.display = "none";
}
function startjivo(){ 
jivo (); // загрузка jivosite по клику на кнопку
setTimeout(jivoBtnHide,1000); // скрываем  кнопку jivosite по клику через 1 сек
setTimeout(function()
{jivo_api.open();},1000); // запуск окна jivosite 
}
//  setTimeout(jivo,35000); Автоматическая загрузка jivosite через 35 секунд
</script>
<div class="st1"  onclick="startjivo();">  
<div class="st2">Напишите нам, мы онлайн!</div>
<div class="st3" style="background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2240%22%20viewBox%3D%220%200%2032%2040%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%234CAF50%22%20d%3D%22M0%200h9.02L32%2033.196V40H0z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%2318C139%22%20d%3D%22M9%200c3.581.05%2023%205.426%2023%2033.08v.03C18.922%2030.751%209%2019.311%209%205.554V0z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");">
</div>  
</div>

[@vitektm]

Можно добавить следующий код, тогда чат js jivosite начнёт загружаться еще до щелчка мыши, по всевдокнопе (при попадании курсора в мыши в область которая чуть больше кнопки). Так наверно можно выграть 300-500мс на предзагрузки js.

<style>
.st4 {
position:absolute;    
right:0;
bottom:0;
width:150px; /* Область от правого края для сработки загрузки jivosite */
height: 350px; /* Область от нижнего края для сработки загрузки jivosite */
}
</style>
<script>
window.onload = function () {
  var a = document.querySelector('.st4');
  a.onmouseover  = function(e) {
   jivo ();
   setTimeout(jivoBtnHide,1000); // скрываем  кнопку jivosite по клику через 1 сек
  }  
</script>
<div class="st4"></div>