Комментарии 18
А я просто сделал 10секундный setTimeout на скрипт jivosite. Результат в google padespeet insight, gtmetrix, webpagetest — одинаковый, а вот в chrome lighthouse вы проигрываете 10-15 очков пр разделу performance.
Мне, как пользователю было бы лучше, если бы вы заменили код загрузки JivoSite на пустую строку.
Чатик иногда бывает полезен. Если бы была просто кнопка, по клику по которой загружается и инициализируется виджет, было бы идеально с моей колокольни.
Я согласен с вами. Совсем без чата грузилось бы быстрее. А без https вообще ураган бы был. Серьезно, до всех этих новшеств у меня 100/100 было в google padespeet insight, сейчас — меньше. Но место с поисковой выдаче в нашей тематике — на вес золота. Если я смогу таким образом «отжать» у конкурентов несколько лишних десятков пикселей на первой странице в яндексе — это уже серьезный профит. И если я не сделаю — сделают конкуренты и клиент уйдет к более заметному снипету. Т.ч. не от хорошей жизни чат внедряется.
Мне как пользователю было бы удобно, чтобы и в обычных магазинах не было продавцов, которые предлагают тебе помочь. Да и колл-центры не названивали и ничего не предлагали. Но реальность такова, что так можно больше заработать.
Не реклама, но может помочь:)
hellogoodbye.app
hellogoodbye.app
НЛО прилетело и опубликовало эту надпись здесь
Однажды были проблемы с livetex, там из-за long-polling запросов не отрисовывалась страница! иногда ответ от их сервера приходилось ждать минутами!
При всем моем уважении, но:
«поддержка IE8»
Вы что чатик пытаетесь поставить на пенсионный фонд России? =)
«поддержка IE8»
Вы что чатик пытаетесь поставить на пенсионный фонд России? =)
Кнопка чатика в правом нижнем углу мобильных сайтов бесит неимоверно! Постоянно задевается пальцем и всплывает поверх всего экрана. Причем чувствительной является зона значительно выше кнопки. Чтобы закрыть, приходится тянуться пальцем через весь экран!
Полёт нормальный. Спасибо за быстрое решение! :)
Данное решение создает кнопку (снизу справа), и по клику по ней загружаетс код 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>
Можно добавить следующий код, тогда чат 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>
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Ускоряем сайт с JivoSite. Отложенная загрузка онлайн-консультанта