Como eliminar o JavaScript e CSS de Bloqueio de renderização no conteúdo acima da borda?

Por favor gente, quem tem ou conhece alguém que tenha um passo a passo, sobre como resolver esse problema?

perguntou Dec 11 '13 às 16:29

Antonio%20Jose's gravatar image

Antonio Jose
182228317

editou Oct 06 '16 às 19:04

annakellenbull's gravatar image

annakellenbull ♦♦
711192.4k

Antonio José. Como lhe disse antes, se alguém sabe como resolver este problema ( o que estou duvidando) estão guardando só para eles. Começo a acreditar que a palavra " A J U D A " não faz parte do vocabulário deles. Vejo que a grande maioria aqui olha somente para o próprio umbigo e o resto que se dane.

Obrigado a todos pela perca de tempo que eu e o Antonio José tivemos.

link permanente

respondeu Dec 28 '13 às 22:43

Claugian's gravatar image

Claugian
131

Vou ajudar vocês, mas sem muitas explicações. No caso do css precisamos eliminar o máximo de aquisição, para isso iremos tirar a tag link e vamos chamá-los da seguinte forma (dentro no head):

Se o arquivo for pegueno -> Ex: <style type="text/css">.menu{width: 100%}</style>

Se for grande -> Ex: <style><?php echo file_get_contents("css/style.css");?></style>

OBS: O código dos css serão exibidos dentro da página que eles estão sendo chamados, então cuidado ao chamar algum caminho dentro do mesmo.

Para os js nenhum deve estar dentro do head, vamos colocá-los no final antes de fechar a tag <body>.. Depois disso teste no pagespeed, se ele acusar o js de bloqueio coloque async no que ele acusar (como mostra abaixo):

<script type="text/javascript" async="async" src="js/main.js"></script>

Qualquer dúvida, ou se quiser explicação de algo pode perguntar.

William%20Teles's gravatar image William Teles (Jan 30 às 16:51)

Eu consegui agora chegar no 100/100. https://www.facebook.com/ProfEduardoKraus/photos/a.406830262760706.1073741827.227685464008521/544431619000569/

Agora vou fazer umas vídeo-aulas explicando como vocês podem fazer também.

alt text

link permanente

respondeu Jun 28 '14 às 04:40

eduardokraus's gravatar image

eduardokraus
16

editou Jun 28 '14 às 04:43

Então faça mesmo, não só eu, mas muitas pessoas não tem ideia de como resolver esse problema.

Antonio%20Jose's gravatar image Antonio Jose (Jul 16 '14 às 18:47)

Antonio José, também estou tentando descobrir como fazer isso a um bom tempo, tenho pesquisado, mas quando acho alguém ou algum artigo que fale sobre isso, expressam-se de uma forma que só experts no assunto entendem. Pelo que vejo, é que realmente não querem compartilhar seus conhecimentos para ajudar aqueles que estão iniciando nesta área. Quem sabe o seu "por favor" comova um bom samaritano que possa nos ajudar passo-a-passo e em linguagem simplificada. Grande abraço, Claudinei

link permanente

respondeu Dec 11 '13 às 21:57

Claugian's gravatar image

Claugian
131

Para fazer isso você tem que colocar o css acima de tudo dentro do head. Caso seu código seja mais ou menos assim:

<head>

<title>Seu Titulo</title>

<link href="seu css.css" rel="stylesheet" />

</head>

Faça assim:

<head>

<link href="seu css.css" rel="stylesheet" />

<title>Seu titulo</title>

</head>

Já para o javascript não aguarde o Dom Carregar, aguarde toda pagina carregar. Caso você use jQuery, substitua o $.ready por $.load

link permanente

respondeu Dec 20 '13 às 09:35

Master%20Time's gravatar image

Master Time
16

editou Dec 20 '13 às 09:54

Você esta chamando o js assim:

O js dentro da tag head?

link permanente

respondeu Dec 14 '13 às 19:09

thiaguinho's gravatar image

thiaguinho
1113201.1k

Poxa galera, esse vídeo ajudou um pouco . http://www.youtube.com/watch?v=VKTWdaupft0&amp;feature=youtu.be&amp;t=14m28s Tentem aí

link permanente

respondeu May 12 '14 às 19:20

fmmarmello_barreiro's gravatar image

fmmarmello_barreiro
1

Olá ! Sua resposta e mais outras soluções estão neste site com todos os detalhes.

https://historiasdesucessos.com.br/eliminar-javascript-e-css-de-bloqueio/

Tenha um bom resultado. ;-)

link permanente

respondeu Dec 05 '16 às 16:03

klebsonfilho's gravatar image

klebsonfilho
1

Olá ! Sua resposta e mais outras soluções estão neste site com todos os detalhes.

https://historiasdesucessos.com.br/eliminar-javascript-e-css-de-bloqueio/

Tenha um bom resultado. ;-)

link permanente

respondeu Dec 05 '16 às 16:04

klebsonfilho's gravatar image

klebsonfilho
1

Olá ! Sua resposta e mais outras soluções estão neste site com todos os detalhes.

https://historiasdesucessos.com.br/eliminar-javascript-e-css-de-bloqueio/

Tenha um bom resultado. ;-)

link permanente

respondeu Dec 05 '16 às 16:04

klebsonfilho's gravatar image

klebsonfilho
1

Olá ! Sua resposta e mais outras soluções estão neste site com todos os detalhes.

https://historiasdesucessos.com.br/eliminar-javascript-e-css-de-bloqueio/

Tenha um bom resultado. ;-)

link permanente

respondeu Dec 05 '16 às 16:05

klebsonfilho's gravatar image

klebsonfilho
1

Sua resposta
mudar para preview

Siga esta pergunta

Por Email:

Uma vez que você entrar você poderá se inscrever para todas as atualizações aqui

Por RSS:

Respostas

Respostas e Comentários

Markdown Básico

  • *italico* ou __italico__
  • **negrito** or __negrito__
  • link:[texto](http://url.com/ "Qual é a sua dúvida?")
  • imagem?![alt texto](/path/img.jpg "Qual é a sua dúvida?")
  • lista numerada: 1. Foo 2. Bar
  • para adicionar uma quebra de linha basta adicionar dois espaços onde você gostaria que a nova linha estivesse.
  • tags HTML básicas também são suportadas

Tags

×1,165
×352
×112
×25
×17

pergunta feita: Dec 11 '13 às 16:29

pergunta lida: 20,238 vezes

última alteração: Jan 30 às 16:53