Como Aumentar la Velocidad de Carga de mi Blog
Lograr que una Página Web cargue más rápido hoy en día es imprescindible y es algo que no podemos ignorar. Además de ser un requisito de Google, también nos ayuda a brindar una experiencia optima a los usuarios que visitan nuestro blog.
En este artículo aprenderás a como acelerar la carga de una web o blog en Blogger. Estaremos usando un Script llamado instant.page.
Este Script fue desarrollado por Alexandre Dieulot, y está enfocado exclusivamente en aumentar la velocidad de carga de mi Blog y Páginas Webs
Como aumentar la velocidad de carga de mi Blog
Esta es una pregunta que casi todo el mundo se hace, por no decir todos los que en algún momento se nos ha ocurrido iniciar nuestra carrera como creador de contenido mediante blogs o páginas webs.
Recuerdo cuando publiqué mi primer blog, estaba muy contento con el contenido que creaba y compartía, hasta ahí todo bien. El problema comienza cuando noté que mi blog carga muy lento en comparación con otras webs de nichos similares.
Es ahí cuando decidí empezar a investigar sobre el tema, y si, era un iniciante sin conocimiento previo de optimización de blogs, ni siquiera sabía lo que era el SEO y con esto lo digo todo.
Para mi sorpresa, la optimización de un blog o aumentar la velocidad de carga de mi Blog, dependía de muchos factores. Pero, en el que quiero centrarme en este artículo es en un plugin o script que desde que lo implementé, noté un cambio significativo en la velocidad de carga de mi blog.
A continuación te explico el funcionamiento básico de este maravilloso Plugin, que también tiene su versión para Wordpress.
¿Como funciona Instant.Page?
Instant.page realiza una precarga (una carga anticipada) de la página justo antes de que el usuario haga clic en el enlace. Esto ocurre en el momento en que el usuario se sitúa sobre un enlace, y lo que hace es iniciar la carga de la parte HTML de dicha página web, la cual se realiza en segundo plano, de esta manera se ahorra hasta un 100 milisegundos de retardo.
Esta característica de Instant.page, de lograr que la página cargue justo a tiempo, permite una mejora en la experiencia del usuario cuando visita un sitio web, pues la página llega a cargar a una velocidad increíble. Si el visitante pasa el ratón por encima del enlace justo antes de hacer clic, la página se precarga y se ahorran unos 300 ms de tiempo.
Por otra parte, puede cargar la página después de que el usuario haga clic en un enlace y esto no utilizará peticiones adicionales, sin embargo, puede mejorar la velocidad de carga de la página en 80ms de media.
Lo mejor es la precarga del ratón, la cual precarga los archivos HTML sólo cuando el usuario pasa el ratón en un vínculo por más de 65ms. Esto ocurre cuando el usuario va navegando sobre los enlaces del sitio web.
En los dispositivos móviles también trabaja con los mismos fundamentos. La página se empezará a cargar en el intervalo de tiempo en el que el usuario toca su pantalla antes de soltarla. Esto puede mejorar la velocidad de la página en 90ms de media.
¿Puede afectar al Ancho de banda del Servidor?
En realidad, este sistema no afectará mucho al ancho de banda del servidor, por cuanto únicamente se precarga si existe la posibilidad de que un usuario presione un enlace.
Aparte, solamente carga la parte HTML del sitio web, mientras que el CSS y el JavaScript no se cargan.
Si tienes tu sitio web o blog conectado al CDN de Cloudflare, con la configuración de compresión y minificación de archivos HTML, CSS y Javascript, podrás notar que tu sitio web tiene una velocidad increíble.
Recomiendo complementarlo con la carga de imágenes en Lazy Load. También puedes mirar este artículo sobre como remover la barra lateral y así evitar sobrecargas en tu blog.
¿Cómo instalar Instant.Page en Blogger?
Este script es de muy fácil instalación. Solo tienes que seguir los pasos a continuación:
- Nos dirigimos al menú Temas, en nuestro panel de control de Blogger
- Clicando en el icono de triangulo hacia abajo, elegimos: Editar HTML
- Ahora debemos dirigirnos hasta el píe del documento y pegamos el código justo en sima de </body>
- Por último, simplemente lo guardamos.
Siguiendo los pasos anteriores lograrás colocar el código sin ningún problema.
Script para aumentar la velocidad de carga de tu Blog
<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>Espero que este tutorial de como aumentar la velocidad de carga de mi blog te haya sido de ayuda. En caso de dudas, puedes dejarme tu comentario abajo.