Sorry, this entry is only available in RU.

??????? ?? ???????? ???????????? ? ?????????? ???????? ??? ????????? ??????? ???????? ????? overdrive.in.ua 

??? ?????????? ????????? ???????? ???????? ????? (??????) ????????????? online-????????  Google Page Speed Insights . ??? ????????? ??????? ??????????? ???????? ???????? ??? ????????? ???????  Google ?????????? ?????.  ?????????? ?????????, ??? ???????? ?? ???? ???? ? ????????? ????? ???????? ? ?????????? ????? ????? ????? ?????? ??????? ? ??????? ?? ???? ????????, ??????? ????? ?????? ?????, ???? ????? ????? ?????? ? ?????? ????? ? ??????????????? ?? ?????????? ????????.

? ???, ??? ????? ?????, ??? ????? ?????? ?????? ?????????? ???????? ?????????  ????????, ????? ?????? ?? ?????????? ???????? ???????.

? ???????? ??????????? ?? ????? ???????? ???????? ???????????? ????? Google Page Speed, ?.?. ??? ????? ????? ???????? ? ??????????? ???????? ??? ?? ??????????? ???? ??? ? ?? ???? ??????? ? 2-5 ???, ? ?? ????? ????????? ??????????? ?????? ?? ???????? “???????????” ? “???????????” ? ?????? “???????? ??????“.

??? ??????, ??? ????????????? ??????, ?? ??????? ???????? ???? ?? ??? ?? ???????? – test.overdrive.in.ua.

????? ??????? ?????? ??????????? ???????? ?????????? :

overdrive.in.ua

test.overdrive.in.ua

?????, ??? ?????????? ???????? ?????????. ????? ????? ???????? ? ??????? test.overdrive.in.ua

 ??? ??????, ?????????, ??? ????? ?????????…(?????? ??????):

????? ?????, ??? ??????????? ??????? javascript ? youtube.com, facebook.net, yandex.ru/metrika… ? ??? ????? ?????? ???????? ??????? ???????? ????????…

??? ???????, ????? ??????? ???????? ?????? ???????? ???????? ????????, ??? ?? ????? ?????????? ? ?????? ?????? ??????? ? ??????  ? ?? ?????????? ???????? ????-?? ?? ????????? ??????, ???? ?????????? ?????-?? ??????? ? ?????????? ?????? ???-?? ??????….

? ??? ???? ?? ??????, ??? ????? ??????? ??? ??? ??????… 🙂

?????????? ????????????? ???????????? Google Page Speed Insights:

????? ??-?? “???????” ??????? ??????? ? youtube.com, facebook.net, yandex.ru/metrika…

? ????? ???????? ?????????? ?????????(4. 593 + 2.577 + 1.810)  ????? 10 ?????? !!! ?????????? ???? ??????, ???-?? ???-?? ???????… ? ?? ? ??? ????? ?????????, ??? ????!!! ???-?? «????? ??????» ???????????… ? ?????? ??????? ????? ????? ?????? ? ????????? ???????????? ?? ????? ????? 10 ?????? ???????? ? ?????????? ?? ?????\?????? ??????? ? ????????? 🙂

???? ?????:

Youtube, ????? ??????? ???????? ????????? ?????? ???????? ??? ?? 7 ?????? ?????? ??? ????, ???-?? ?????????? ???????????? … ? ????? ??? ????????? ?????????? ?????-?? ?????…. 😉 

? ? ??? ????? ?? ????????? 🙂

??, ? ??????? ?? ?????:

6 ? 500 ?? = 3 ?? ???????, ????????? ?? ??????? ???????, ???????? ? ????????…

???????? ??? ? ????????????…

 ????? ??????? ??? ?????????? ???????? ???? ????????, ?? ??? ?? ?????? ? ?????? ??????. 

????????? ???????? ?? ??????? ????????… ?? ??????????? ?? ?????… ?? ? ???????? ??????? ?? ??????? ? ?????????? ?????? ???????… 🙂 ??? ?????, ?????? ?????????? ???????????? ??? ??????, ? ?? ??? ??????? ?????… ??????, ?????? ?? ????? ? ?? ?????… ???????? ????? 🙂

??? ???? ??????? ???????? ?????, ???-?? ??? ?? ????? ?????? ????? ??????? ????? ?????-?? ????????? ????… ?? ???? ?? ??? ???????? ??????? ????? ??????? ? ??????? ?? ????????:

? ??? ??????? ??? ???????? ?? ???????:

? ?? ?????, ????? ????????? ????????, ???????????? ?????? 16 ?????? ??? ????????… ?????? ? ??? ??????, ??? ??? ?? ???????? ? ??????? ?????? 330 – 360 ????????, ??? ???????? ???????? ???????? ? 1095 ???????? ? ??????!!!

????, ???-?? ??? ???????? ????? ???? ??????????… ????? ??? ?????, ????? ??? ? ??? ??????? ? WORDPRESS ?? ??? ???????????, ???? ???? ?? ?????? ??? ?????…

80 000 ??????, ?? ? ?? ????, ??? ??????????? ???????? ????? ????? ???? ????????? ? ???… ? WORDPRESS ??? ????? ?????? ??????? ? ???? ??????. ? ? ?????? ??????, ???????? ????????? ?? WPBakery Page Builder, ??? ??? ?????? ????????? ??????????? ? ??????? 🙂

 ??, ???????????????? ??????????? Google Chrome ?? ???????? ?????? ??????????:

??? ????????, 1095 ? 617 ??, ??????? ??? ???????? ? ????? ??????. ??? ??????, ??? ???????? ?????? ??????? ???????? ???????? ? ????????? ?? ??? ???????? ??? ?????????? ??????????.

<style type="text/css">
    @media (max-width: 500px) {
 		#content div.an-blok1 {background-image: url(/wp-content /uploads/ 2020/09/ bgg-430x321-mob-q1.jpg) !important;}
    }
</style>

?????????, ??? ?????????? ????? ? ??????? ????????? ????????? ?????? ? ???????? ? ?????, ??????? ??? ??????? ????-??… ???? ????? ? ?????? ? ???? ??????… ?? ????? ???? ???? ??????, ???? ???? ?????? ????? ????????? ?????… ??? ??????? ????????? ?????? ?? ??????? ????????… ?? ???????? ?????? ??????? ????????… ? ??? ? ????????????? 🙂

 ???? ??????, ???????? ???????? – ??? ??????? ?? ???????? ?????????? ????? ? YouTube. ?? ?????? ??????, ?? ???????? ?? ?? ?????… ??… ??? ???? ? ????????????…

? ??????? ?????, ????, WORDPRESS, ??? ????, ???-?? ????????????, ?? ??? ???, ?? ???? ????? ?????… ?????? ???? ?????? ?????? ??????… ????? ?? ???????????? ??????\???????? ???????????…  ?? 3 ?????? ??????…

???????, ?????? ?????? ???????? ????? ????? …

  ????? ?????????? ??????? ?????? ??????? ????? ???????, ??????? ???????, ??? ?????? ??????, ??????? ???????????? ???? ????? ??????????… ????? ?????, ? ?? ????????? ??????? ????? ?????? ??? ??????? ??????-?? ??????? ???????…

??, ??????? ????… ?? ??? ?? ??? ????? 🙂

 ?????? ??? ???, ??????? ?????? ?????? ?????? ???? ????????? ???? ? ???? 🙂. ??? ???? ?? ??????????: prog-time.ru

 HTML ???:

<div class="youtube" id="WRjTABPzMMA" style="width: 100%; height: 300px;"></div>

CSS

.youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
}
.youtube .play {
    background: url('img/youtube-play-btn.png') no-repeat; /*?????: ????? ??????? ????? ?? ???????????*/
    background-position: 0 -50px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    transition: none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
.youtube:hover .play {
    background-position: 0 0;
}

Javascript

'use strict';
function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}
r(function(){
    if (!document.getElementsByClassName) {
        // ????????? IE8
        var getElementsByClassName = function(node, classname) {
            var a = [];
            var re = new RegExp('(^| )'+classname+'( |$)');
            var els = node.getElementsByTagName("*");
            for(var i=0,j=els.length; i < j; i++)
                if(re.test(els[i].className))a.push(els[i]);
            return a;
        }
        var videos = getElementsByClassName(document.body,"youtube");
    } else {
        var videos = document.getElementsByClassName("youtube");
    }
    var nb_videos = videos.length;
    for (var i=0; i < nb_videos; i++) {
        // ??????? ?????? ??? ?????, ???? ID ?????? ?????
        videos[i].style.backgroundImage = 'url(http://i.ytimg.com/vi/' + videos[i].id + '/sddefault.jpg)';
        // ????????? ??? ???????? ?????? Play, ????? ??????? ?????? ??????
        var play = document.createElement("div");
        play.setAttribute("class","play");
        videos[i].appendChild(play);
        videos[i].onclick = function() {
            // ??????? iFrame ? ????? ???????? ??????????? ?????, ?.?. ??????? autoplay ? ????? ? ???????? 1
            var iframe = document.createElement("iframe");
            var iframe_url = "https://www.youtube.com/embed/" + this.id + "?autoplay=1&autohide=1";
            if (this.getAttribute("data-params")) iframe_url+='&'+this.getAttribute("data-params");
            iframe.setAttribute("src",iframe_url);
            iframe.setAttribute("frameborder",'0');
            // ?????? ? ?????? iFrame ????? ??? ? ????????-????????
            iframe.style.width  = this.style.width;
            iframe.style.height = this.style.height;
            // ???????? ????????? ??????????? (??????) ?? iFrame
            this.parentNode.replaceChild(iframe, this);
        }
    }
});

????? ? ?????? ??????? ??????? ?????? ?? ????, ??????? WORDPRESS  ???????? ? ????? ???????? ?? ???????????:

? ??? ??? ???????? ????????, ?? ?????????, WORDPRESS, ??? ??????????? ????? ??????????? ? ????????? ??? ??? ????? ?????? (3??)…

? ??????? ?????? ?? youtube, ?? ???????????:

<div class=’youtube’ id=’WRjTABPzMMA’ style=’width: 100%; height: 300px;’></div>

? ?????, ??? Javascript, ??????? ??? ?????????…

? ???, ????? ?????? ???????? ???????? ????????, ????????? ??????? ????????? ????????, ??? ??:

• Google Tag Manager;
• ?????? – ???????;
• ???????;
• ?? ??? ?????? ????????? ?????, ??????? ???????? ?????????? ?????? ?? ????…

????? ? ????? ????????? ? ???? ???? ?????(??????, ???????…), ??????? ???…, ? ????? ??????? 🙂  – ???-? ???? Google Tag Manager(GTM) ??? ??? ?????????…

?.?. ???? ?? ??????? ???????? GTM ??????? ?????… ?? ? ??? ????????? ??????? ????? ????? ??????????? ?????!

????????? GTM ???? ?????????? ? ??????? Clearfy. ??? ? ??? ??? ???? ????????… ? ?????? ? ??????? ????? ????, ??? ????? ??? ??? ???? ??????:

? ?????? ??????, ?????? ????? 3 ??????? ????? ??????????? ??????? document (ready…) , ?????????? GTM, ? ??? ????? ?? ???????? ??? ????????? ????????? ??????????? ???????????, ? ? ??? ????? ???????????? ?????? ??? ?????? ????… ? ???? ?? ???????????, ??? ???????? ??? ?????? ?????? 😉

function block_with_delay_echo(){
$an_gtm_options = get_option('an_gtm_options');
echo $an_gtm_options['an_gtm2_txt'];
$string = 
'<script>
jQuery( document ).ready(function($) {
setTimeout(function() {
$string .= $an_gtm_options['an_gtm1_txt'];
$string .= ' }, ' . $an_gtm_options['an_delay_block'] . ' );})</script>'; 
echo $string;
}
add_action('wp_footer', 'block_with_delay_echo', 3000);

??? ??? ? ????? ???????? ????????? ???????? :

? ????????, ????? ?????? ????????? ?????? ????????? ???? ?????? ? ?????? ?????-?? ??????, ? ??? ???????? ?????…

???????, ??? Google Page Speed Insights ?? ???????? ????????? ????? ??????????? ????????? ????? ??????:

????? ???????????? ? ????????????? ???????, ????? ? ??? ????????…

?? ? ???, ??? ?? ? ?????????? ????? ????? ??? ?????????  ? ?????????? ?????????? ?? 14.08.2021:

????????? ??????????

?????????? ??????????

??? ??? ????? ?????? ??????????:

??? ??? ?????????? ????? ???????????:

?????????? ???????? ??????????? ? 2 ????, ? ?????????? ???????????? ?????? ????? ??? ? 5 ??? !!!

???????? ????????, ??? ????? ???? ??????????… ?????? ?? ???? ???? ??????????? 🙂

????? ?????? ??? ????????? ???? ??????????????? ?? ???????? ???? – https://overdrive.in.ua/

??? ????????????? ????? ????????? ? ?????????:

??? ??????? ?? ???????\???????:

• ????????? ????????? ????? ?? ??? ?? ???????? – test.overdrive.in.ua + 3 ????
• 9.08.2021 + 4 ????
• 10.08.2021 + 3 ????
• 11.08.2021 + 5 ?????
• 12.08.2021 + 4 ?????
• 13.08.2021 + 2 ????

= 21 ??? ? 200 ???.