(async () => {
documentdocument.addEventListener('lazybeforeunveil', function(e){
testWebP(function (support) {
var bg = e.target.getAttribute('data' + (support ? '-bg-webp':'-bg'));
if(bg) e.target.style.backgroundImage = 'url(' + bg + ')';
});
});
const lazySizesLib = await import('
https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.2.2/lazysizes.min.js');
lazySizes.init(); // lazySizes применяется при обработке изображений, находящихся на странице.
})();
var
webP_support webP_support = false;
var
webP_test webP_test = true;
function testWebP(callback) {
if(
webP_testwebP_test) {
var webP = new
ImageImage();
webP.onload = webP.onerror = function () {
webP_support webP_support = (webP.height === 2);
webP_test webP_test = false;
callback(
webP_supportwebP_support);
};
webP.src = 'data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyAgCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA';
}else{ callback(
webP_supportwebP_support) }
}