Дата публикации : 2018.05.05
Автор: Виноградов Александр

Оптимизация виджетов Вконтакте по Page Speed

Столкнулся с проблемой оптимизации группы вконтакте под Page Speed. Наличие группы на главной странице значительно уменьшало количество баллов в Page Speed. Пробовал отложенную загрузку не помогало. Вышел из ситуации подгрузкой группы в процессе прокрутки, как альтернативу можно использовать загрузку по таймеру. Скрипт группы грузим через Ajax. 


function loadvk()
{
    
 
        
$.getScript("//vk.com/js/api/openapi.js?147", function(datatextStatusjqxhr) 
       
{              
       
//ответ на стороне сервера см. внизу    
       $url "http://" document.domain "/front/city/getajaxvk";              
       
$.getScript($url, function(datatextStatusjqxhr)   {}); 
       
});
  }

Вешаем обработчик события scroll.vk где vk пространство имен в противном случае при вызове функции $(window).off( scroll ) будет снят обработчик события со всех элементов. Например, используемых плагином LazyLoad   


$(document).ready(function () 
     {  
       $(
window).on("scroll.vk", function()  

       {    
           
loadvk();
          $(
window).offscroll.vk );        

       }); 
   }); 

Ответ на стороне сервера http://" + document.domain + "/front/city/getajaxvk";


VK
.Widgets.Group("vk_groups", {mode4no_cover1width"260"height"334"}, *6564013*);

Код HTML на главной странице  для подгрузки VK


<div id="vk_groups"></div>

Нужна платная помощь? Пишите в

Похожие статьи из рубрики jQuery

Заказать оптимизацию виджетов Вконтакте по Page Speed
Стоимость 500 руб.
Наверх страницы