Как оптимизировать скрипты и js на wordpress под pagespeed insights

Тема в разделе "Wordpress", создана пользователем dodgi, 29 апр 2017.

  1. dodgi

    dodgi Админ Команда форума

    Регистрация:
    11 июл 2016
    Сообщения:
    351
    Симпатии:
    103
    Баллы:
    40
    Репутация:
    11
    В поисках данного вопроса мне попалась интересная статья на форуме. ниже я приложу код, в котором автор вынес все скрипты из хедера в футер. Плюсы конечно в этом есть, но есть и минусы. Необходимые скрипты для загрузки страницы лучше оставить, а вот формы и прочие скрипты лучше перенести.
    Код:
    var jQ = false;
    function initJQ() {
      if (typeof(jQuery) == 'undefined') {
        if (!jQ) {
          jQ = true;
          document.write('<scr' + 'ipt type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></scr' + 'ipt>');
        }
        setTimeout('initJQ()', 50);
      } else {
        (function($) {
        $(function() {
    
          // здесь пишем jQuery код
    $("head").append('<link rel="stylesheet" href="http://klinkerzakazat.ru/wp-content/themes/tutorial/css/bootstrap.min.css">');
    $("head").append('<link rel="stylesheet" href="http://klinkerzakazat.ru/wp-content/themes/tutorial/style.css" type="text/css" media="screen">');
    
    
    $("head").append('<script type="text/javascript" src="/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1"><\/script>');
    
    $("head").append('<script type="text/javascript" src="http://klinkerzakazat.ru/wp-content/themes/tutorial/js/bootstrap.min.js"><\/script>');
    $("head").append('<script type="text/javascript" src="http://klinkerzakazat.ru/wp-content/themes/tutorial/js/jquery.mobile-1.4.5.min.js"><\/script>');
    
    //plg contact-form-7
    $("head").append('<script type="text/javascript" src="/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js"><\/script>');
    $("head").append('<script type="text/javascript">var _wpcf7 = {"recaptcha":{"messages":{"empty":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435, \u0447\u0442\u043e \u0412\u044b - \u043d\u0435 \u0440\u043e\u0431\u043e\u0442."}},"cached":"1"};<\/script>');
    $("head").append('<script type="text/javascript" src="/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.6.1"><\/script>');
    //end plg contact-form-7
    
    $("head").append('<script type="text/javascript" src="/wp-content/plugins/fancybox-for-wordpress/fancybox/jquery.fancybox.js"><\/script>');
    $("head").append('<script type="text/javascript" src="/wp-content/plugins/really-simple-popup/js/hs_rsp_popup.min.js?ver=4.5.5"><\/script>');
    $("head").append('<script type="text/javascript" src="/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20"><\/script>');
    
    $("head").append('<script type="text/javascript" src="http://klinkerzakazat.ru/wp-content/themes/tutorial/mainslider/js/jquery.easing.min.1.3.js"><\/script>');
    $("head").append('<script type="text/javascript" src="http://klinkerzakazat.ru/wp-content/themes/tutorial/mainslider/js/jquery.skitter.min.js"><\/script>');
    $("head").append('<script type="text/javascript" src="http://klinkerzakazat.ru/wp-content/themes/tutorial/malihu-custom-scrollbar-plugin-master/jquery.mCustomScrollbar.concat.min.js"><\/script>');
    
    $("head").append('<script type="text/javascript" src="http://klinkerzakazat.ru/wp-content/themes/tutorial/main.js"><\/script>');
    
    $("head").append('<script id="c4s_js_0abb156b87b8333f806d1a2469132348" type="text/javascript" src="http://www.virtualofficetools.ru/c4s/widget.55190.0abb156b87b8333f806d1a2469132348.js"><\/script>');
    
    
        })
        })(jQuery)
      }
    }
    initJQ(); Источник: http://www.masterwebs.ru/topic/27508-ne-ponjatnaja-oshibka-js-pri-optimizacii-wp-pod-pagespeed-insights/

    Вы не можете просматривать внешние ссылки, что-бы просмотреть зарегистрируйтесь или авторизуйтесь на форуме !



    Вы не можете просматривать внешние ссылки, что-бы просмотреть зарегистрируйтесь или авторизуйтесь на форуме !

     

Поделиться этой страницей