Eliminar el CSS del contenido de la mitad superior de la página

  • Autor Autor AlexxxBcN
  • Fecha de inicio Fecha de inicio
A

AlexxxBcN

Gamma
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Con esta herramienta veremos si nos da error en la carga

PageSpeed Insights


Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página

En este caso solucionaremos la carga de estos CSS

Insertar CODE, HTML o PHP:
http://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css
http://fonts.googleapis.com/css?family=Oswald
http://fonts.googleapis.com/css?family=Skranji
http://fonts.googleapis.com/css?family=Open+Sans:400italic,700,400
http://fonts.googleapis.com/css?family=Dosis:400,700


Este JS y CSS no puede solucionarlo
( Si alguien sabe como solucionarlo que lo comente )

Insertar CODE, HTML o PHP:
https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js
https://www.blogger.com/static/v1/widgets/763856997-widget_css_bundle.css



Este es el script
Script para añadir los CSS


Insertar CODE, HTML o PHP:
<script type='text/javascript'>
      //<![CDATA[
      //CSS Ready
      function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
      loadCSS("[B]//fonts.googleapis.com/css?family=Open+Sans:400italic,700,400[/B]");loadCSS("[B]//fonts.googleapis.com/css?family=Dosis:400,700[/B]");loadCSS("[B]//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css[/B]");loadCSS("[B]http://fonts.googleapis.com/css?family=Oswald[/B]");loadCSS("[B]http://fonts.googleapis.com/css?family=Skranji[/B]");
      //]]>
    </script>
<script type='text/javascript'>
    //<![CDATA[
 
Última edición:
Hola, no entiendo muy bien cual es tu problema. Explícamelo bien quizás te pueda ayudar. Saludos
 
Gracias edwinhc


Esta herramienta de google : PageSpeed Insights , marca x problemas a solucionar

Algunos de ellos los pude solucionar agregando ese script y algunos CSS que utiliza mi plantilla


Pero en el caso de estos 2

Insertar CODE, HTML o PHP:
https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js
https://www.blogger.com/static/v1/widgets/763856997-widget_css_bundle.css

test.webp

Seguí algunos tutoriales sin exito.

Gracias
Alguna idea ?
 
Ah ok, bueno dice que esos archivos que están de manera secuencial y se tardan mucho en cargar y eso trae conflictos de lentitud, por ello cuando entras a tu web tarda la parte superior por que esta procesando todo eso y te recomienda aplazarlos.

El problema es que al entrar en la web se empiezan a cargar todos los CSS y los JS de un solo golpe y lo que necesitas es colocarlos de forma asíncrona cuando la aplicas te encargas de controlar que no haya esa carga descontrolada si no que sea secuencial, que precisamente eso es lo que haces con los CSS que resolviste, colocándole un setTimeout y supongo que esos 2 te siguen dando el error por que son archivos mas grandes que los fonts que pusiste por lo cual requieren mas tiempo de carga.

Por lo que he visto hay varias maneras de aplazar los CSS y los JS si usas wordpress que es lo que me imagino se puede a través de código o también existen plugin.

Lo mas fácil es instalar un plugin de optimización, en este caso prueba usando JS & CSS Script Optimizer, tiene un video bien explicado en youtube.

Te recomiendo que no tomes los CSS o JS de paginas externas a la tuya, puedes tomar ese código y colocarlo en la tuya, de esa manera te va a servir el optimizador, ademas de que posee un cache que te guarda todo eso así que no hay problema en ello.

Prueba y luego me dices que tal te fue
 
Última edición:
eso siempre pasa en blogger. y creo que no tiene solucion. yo busque en varios foros de google. y dicen que simplemente no se puede :/
 
si esas librerias las estas cargando tu, las podrias mover o retrasar su carga. Pero si es por parte de blogger imposible que lo puedas solucionar.
 
[MENTION=132709]Kervis Toledo[/MENTION] amigo como obtengo la insignia "verificado"?
 
Atrás
Arriba