Acelerar la carga de tu blogger

Iniciado por deidei · 24 abr 2014 · 1 respuestas · 11.439 visitas

1. Ddeidei24 abr 2014
   Para comprobar la carga de nuestro blogger podemos utilizar dos herramientas y asi analizar los tips, que nos muestran. Pero como los errores mas comunes son siempre los mismos, vamos a intentar aclarar algunos puntos.
   Primero si haceis una landing page teneis que utilizar la plantilla en blanco como esta, que he rectificado.
   
   

   <?xml version="1.0" encoding="UTF-8" ?>
   <!DOCTYPE html>
   <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
     <head>
   <b:if cond='data:blog.isMobile'>
   
       <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
       <b:else/>
       <meta content='width=1100' name='viewport'/>
       </b:if> 
       <b:include data='blog' name='all-head-content'/>
       <title><data:blog.pageTitle/></title>
       &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin><style type='text/css'/>
     </head>
   
     <body>
       <b:section id='main' showaddelement='yes'/>  
     </body>
   </html>

   
   Aquí hay varias cosas importantes primero:
   

   <b:if cond='data:blog.isMobile'>
   
       <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
       <b:else/>
       <meta content='width=1100' name='viewport'/>
       </b:if> 

   
   esto nos asegura la compatibilidad con dispositivos móviles.
   
   

   &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin><style type='text/css'/>

   
   Imprescindible, pues le estamos diciendo no cargues nada de hojas de estilos precargadas de blogger, que ralentiza mucho la carga, solo mi css, que mejoraremos con esta pagina que os dejo.
   Compresor de css
   Ahora despues de esto ya podemos utilizar nuestro html, pero de dos formas distintas. Una creando un widget y pegando nuestro html, mas lento, 2 parseando nuestra html para hacerlo compatible con blogger.
   Para ello utilizaremos esta pagina.
   parse code xml
   
   Bueno y dos imagenes para ver que se puede conseguir.
   
   
   
   
2. Mmimi30 nov 2014#2
   Hola!!
   El código para móviles ya lo tengo incrustado, pero cuando he intentado seguir el paso siguiente :
   
   &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin><style type='text/css'/>
   
   me da error. en la plantilla.
   
   El problema es que prácticamente no tengo ningún gadget porque me sube la carga muchísimo. Me
   gustaría poner algunos más, pero no sé como hacerlo para que no me retrase la página.
   ¿Sabeis como podría solucionarlo?
   
   Grácias,

Este hilo pertenece al archivo del foro y ya no admite respuestas.