sábado, 22 de septiembre de 2012

Tips para acelerar la carga de tu blog

Esta es mi primera entrada en Ayuda Bloggers, y en esta ocasión decidí compartir algunos consejos que me han servido bastante para acelerar la velocidad de mi blog, pueden comprobar que tan veloz es mi blog para que vean lo efectivos que son estos tips.
Acelerar carga
Usar los scripts solamente cuando sean necesarios:
Primero hablaré del uso de condicionantes, las usamos para cargar cierto contenido en ciertas ocasiones, es decir que se cargue un script en las entradas y solo en las entradas. Esto es de inmensa utilidad ya que no cargaremos código innecesario en nuestra plantilla. Les mostrare un ejemplo con un script que solamente usaríamos en las entradas, que seria los post relacionados o entradas relacionadas.

Forma incorrecta

<script type='text/javascript'>
var defaultnoimage=&quot;&quot;;
var maxresults=4;
var splittercolor=&quot;#d4eaf2&quot;;
var relatedpoststitle=&quot;Artículos Relacionados&quot;;
</script>
<script src='http:/javascript.com/related-post.js' type='text/javascript'/>

Forma correcta

<b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- Condicionante para que el script cargue únicamente en las entradas -->
<script type='text/javascript'>
var defaultnoimage=&quot;&quot;;
var maxresults=4;
var splittercolor=&quot;#d4eaf2&quot;;
var relatedpoststitle=&quot;Artículos Relacionados&quot;;
</script>
<script src='http:/javascript.com/related-post.js' type='text/javascript'/>
</b:if>
Con esa condicionante le estamos indicando a Blogger que queremos hacer funcionar ese script sólo en las entradas individuales, y por lo tanto el script no se carga en ninguna otra parte del blog.
Disminuir las peticiones HTML con 1 sólo archivo .JS:
Vamos con el segundo truco que también es muy importante: Se trata de combinar los scripts (Gracias a EmilioCobos.net por el dato), con esto logramos reducir peticiones http y por lo tanto aumentar la velocidad de carga.

Forma incorrecta

Scripts

Forma correcta

Scripts combinados
Hemos metido todos los scripts en un uno solo, pero tengan cuidado ya que algunos scripts no servirán si los combinamos, recomiendo que primero prueben los scripts en un blog de pruebas. Con esto hemos logrado que se descarguen menos archivos cuando entremos en nuestro blog y así disminuimos significativamente la carga del blog.
Elije un buen servidor para tus archivos .JS:
Por ultimo pero no menos importante, no uses servidores como Dropbox, El motivo: Dropbox es un buen sitio para alojar scripts, es bastante cómodo editar los scripts en tu escritorio y que se suban automáticamente, pero Dropbox tarda un poco cargando los archivos.

Archivo cargado desde Dropbox

Dropbox

Archivo cargado desde host externo

nixiweb
Como verán mientras que en Dropbox se tarda mas de un segundo cargando un archivo, en Nixiweb (Es la que uso yo), se tarda milésimas... Pueden usar medidores de carga para que vean como les fue ;)

No hay comentarios:

Publicar un comentario