;(function() { window.createMeasureObserver = (measureName) => { var markPrefix = `_uol-measure-${measureName}-${new Date().getTime()}`; performance.mark(`${markPrefix}-start`); return { end: function() { performance.mark(`${markPrefix}-end`); performance.measure(`uol-measure-${measureName}`, `${markPrefix}-start`, `${markPrefix}-end`); performance.clearMarks(`${markPrefix}-start`); performance.clearMarks(`${markPrefix}-end`); } } }; /** * Gerenciador de eventos */ window.gevent = { stack: [], RUN_ONCE: true, on: function(name, callback, once) { this.stack.push([name, callback, !!once]); }, emit: function(name, args) { for (var i = this.stack.length, item; i--;) { item = this.stack[i]; if (item[0] === name) { item[1](args); if (item[2]) { this.stack.splice(i, 1); } } } } }; var runningSearch = false; var hadAnEvent = true; var elementsToWatch = window.elementsToWatch = new Map(); var innerHeight = window.innerHeight; // timestamp da última rodada do requestAnimationFrame // É usado para limitar a procura por elementos visíveis. var lastAnimationTS = 0; // verifica se elemento está no viewport do usuário var isElementInViewport = function(el) { var rect = el.getBoundingClientRect(); var clientHeight = window.innerHeight || document.documentElement.clientHeight; // renderizando antes, evitando troca de conteúdo visível no chartbeat-related-content if(el.className.includes('related-content-front')) return true; // garante que usa ao mínimo 280px de margem para fazer o lazyload var margin = clientHeight + Math.max(280, clientHeight * 0.2); // se a base do componente está acima da altura da tela do usuário, está oculto if(rect.bottom < 0 && rect.bottom > margin * -1) { return false; } // se o topo do elemento está abaixo da altura da tela do usuário, está oculto if(rect.top > margin) { return false; } // se a posição do topo é negativa, verifica se a altura dele ainda // compensa o que já foi scrollado if(rect.top < 0 && rect.height + rect.top < 0) { return false; } return true; }; var asynxNextFreeTime = () => { return new Promise((resolve) => { if(window.requestIdleCallback) { window.requestIdleCallback(resolve, { timeout: 5000, }); } else { window.requestAnimationFrame(resolve); } }); }; var asyncValidateIfElIsInViewPort = function(promise, el) { return promise.then(() => { if(el) { if(isElementInViewport(el) == true) { const cb = elementsToWatch.get(el); // remove da lista para não ser disparado novamente elementsToWatch.delete(el); cb(); } } }).then(asynxNextFreeTime); }; // inicia o fluxo de procura de elementos procurados var look = function() { if(window.requestIdleCallback) { window.requestIdleCallback(findByVisibleElements, { timeout: 5000, }); } else { window.requestAnimationFrame(findByVisibleElements); } }; var findByVisibleElements = function(ts) { var elapsedSinceLast = ts - lastAnimationTS; // se não teve nenhum evento que possa alterar a página if(hadAnEvent == false) { return look(); } if(elementsToWatch.size == 0) { return look(); } if(runningSearch == true) { return look(); } // procura por elementos visíveis apenas 5x/seg if(elapsedSinceLast < 1000/5) { return look(); } // atualiza o último ts lastAnimationTS = ts; // reseta status de scroll para não entrar novamente aqui hadAnEvent = false; // indica que está rodando a procura por elementos no viewport runningSearch = true; const done = Array.from(elementsToWatch.keys()).reduce(asyncValidateIfElIsInViewPort, Promise.resolve()); // obtém todos os elementos que podem ter view contabilizados //elementsToWatch.forEach(function(cb, el) { // if(isElementInViewport(el) == true) { // // remove da lista para não ser disparado novamente // elementsToWatch.delete(el); // cb(el); // } //}); done.then(function() { runningSearch = false; }); // reinicia o fluxo de procura look(); }; /** * Quando o elemento `el` entrar no viewport (-20%), cb será disparado. */ window.lazyload = function(el, cb) { if(el.nodeType != Node.ELEMENT_NODE) { throw new Error("element parameter should be a Element Node"); } if(typeof cb !== 'function') { throw new Error("callback parameter should be a Function"); } elementsToWatch.set(el, cb); } var setEvent = function() { hadAnEvent = true; }; window.addEventListener('scroll', setEvent, { capture: true, ive: true }); window.addEventListener('click', setEvent, { ive: true }); window.addEventListener('resize', setEvent, { ive: true }); window.addEventListener('load', setEvent, { once: true, ive: true }); window.addEventListener('DOMContentLoaded', setEvent, { once: true, ive: true }); window.gevent.on('allJSLoadedAndCreated', setEvent, window.gevent.RUN_ONCE); // inicia a validação look(); })();
  • AssineUOL
Topo
Rafael Oliveira

Rafael Oliveira

Rafael Oliveira

Goleada de líder e com Firmino inspirado

Jogadores do Liverpool comemoram o gol de Takumi Minamino contra o Crystal Palace pelo Campeonato Inglês - Andrew Powell/Liverpool FC via Getty Images
Jogadores do Liverpool comemoram o gol de Takumi Minamino contra o Crystal Palace pelo Campeonato Inglês Imagem: Andrew Powell/Liverpool FC via Getty Images
só para s
Rafael Oliveira

Colunista do Uol

19/12/2020 11h18

O Liverpool atropelou o Crystal Palace na abertura da rodada da Premier League. A equipe assumiu a liderança do campeonato no meio da semana e, na partida seguinte, a a mensagem de que pode não dar tanta brecha quanto os concorrentes na parte superior da tabela.

Não que o jogo tenha sido fácil o tempo todo. Antes do 2x0, o Palace teve escapadas perigosas e ameaçou. Mas aí apareceu a melhor versão de Roberto Firmino para brilhar e decidir. 7x0 fora de casa, com relevante contribuição de Salah nos minutos finais.

Colunistas do UOL

O gol de Mané nasce da classe mesmo durante a intensidade de quem pressiona e recupera a bola no campo de ataque. O toque de Firmino foi a diferença.

Depois, o 3º tem Firmino na origem e na conclusão, com uma bonita jogada construída com Robertson, que acelerou e cruzou com precisão.

O 5º já teve Firmino como alvo do e mais agudo de Salah, colocando na frente para finalizar com categoria. Momentos daquele contra-ataque implacável de outros tempos.

Firmino sempre foi um importante termômetro do funcionamento coletivo da equipe de Klopp. Contra o Crystal Palace, foi também o artilheiro do jogo, exibindo qualidade e confiança.

Se recuperar a regularidade dos melhores momentos, o nível do Liverpool tende a crescer junto. Na última semana, o atacante brasileiro foi fundamental. Fez o gol da vitória no confronto direto contra o Tottenham e foi o melhor em campo na construção da goleada sobre o Crystal Palace.

As mais lidas agora

Palmeiras recebe ex-atletas em curso no CT e impressiona gringos: 'Harvard'

Goleiro campeão mundial com a Espanha é expulso em último jogo da carreira

Minas vence o Bauru e sai em vantagem nas semifinais do NBB

Rafael Oliveira

O positivo impacto inicial de Coudet no Celta

Rafael Oliveira

Goleada de líder e com Firmino inspirado

Rafael Oliveira

São Paulo foi muito superior na contundente vitória sobre o Galo

Rafael Oliveira

PSG x Barça é o mais midiático, mas, hoje, não o melhor duelo do sorteio

O sorteio das oitavas da Liga dos Campeões sempre gera muita expectativa. Também tem a tradição de não representar

Rafael Oliveira

Atropelada fase de grupos da Champions teve mais decepções que destaques

Rafael Oliveira

Variações de Sampaoli são convite para falar mais de funções nas escalações

Rafael Oliveira

Luis Henrique e a incrível falha na observação de jogadores... em 2020!

Rafael Oliveira

Man Utd teve jogo e 1º lugar nas mãos. PSG não convence, mas respira

Rafael Oliveira

Bento manteve Athletico vivo até o fim, mas River foi bem superior

Rafael Oliveira

Por que Papa Bouba Diop simboliza uma das últimas grandes zebras em Copas

Rafael Oliveira

Chelsea já atingiu o primeiro objetivo e ainda gera grande curiosidade

O Chelsea venceu o Rennes, na França, e garantiu a vaga nas oitavas da Liga dos Campeões. O feito é relevante...

Rafael Oliveira