En este artículo veremos cómo reducir el tiempo de carga de nuestro blog de Blogger, y asegurar su carga rápida en todos los dispositivos. El aumento de la velocidad de carga en la página ayudará a los usuarios a navegar de forma rapida en ella y dará una mayor satisfacción, reducir las tasas de rebote, quitar JavaScript y CSS visualización de la secuencia y Font Awesome de Google, evaluaremos nuestro blog en PageSpeed Insights.
Y sustituirlo por:
2. JavaScript
Ahora sólo tienes que añadir este atributo async='async':
Si copia un archivo JavaScript pegalo en el código de abajo:
3. Comprimir imágenes
Las imágenes que son más grandes y pesadas harán que la velocidad de carga de la página se vea un poco afectada, por lo que utilizando la imagen correcta en el sitio web es también una manera de cómo aumentar la velocidad del sitio web mejor.
La mejores aplicaciones de compresión de imágenes:
Caesium (Windows)
Este software se apoya para comprimir los formatos de imagen como PNG, JPEG y BMP, puede procesar múltiples imágenes a la vez en el directorio, y es totalmente gratuito.
ImageOptim (Mac)
Se trata de una aplicación para Mac, ss compatible comprimir varios formatos de imagen como JPEG, PNG y GIF.
PngOptimizer (Windows)
Esta es una pequeña aplicación que se utiliza para comprimir imágenes PNG.
Kraken (Web).
Enlace | PageSpeed Insights
- [message]
- ##edit## Ventajas
-
- con SEO, la velocidad del sitio web como un factor de clasificación para las búsquedas de Google.
- para los usuarios, la velocidad sitio web determina el tiempo de acceso, efecto directo en el porcentaje de abandonos de tasa (también relacionado con SEO Blogspot)
[<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>]
Y sustituirlo por:
[<script type='text/javascript'> //<![CDATA[ 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("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"); //]]> </script>]
2. JavaScript
[<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js'></script> <script src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script>]
Ahora sólo tienes que añadir este atributo async='async':
[<script async='async' src='//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js'></script> <script async='async' src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script>]
Si copia un archivo JavaScript pegalo en el código de abajo:
[<script type="text/javascript"> //<![CDATA[ insertar código JavaScript aquí //]]> </script>]
3. Comprimir imágenes
Las imágenes que son más grandes y pesadas harán que la velocidad de carga de la página se vea un poco afectada, por lo que utilizando la imagen correcta en el sitio web es también una manera de cómo aumentar la velocidad del sitio web mejor.
La mejores aplicaciones de compresión de imágenes:
Caesium (Windows)
Este software se apoya para comprimir los formatos de imagen como PNG, JPEG y BMP, puede procesar múltiples imágenes a la vez en el directorio, y es totalmente gratuito.
ImageOptim (Mac)
Se trata de una aplicación para Mac, ss compatible comprimir varios formatos de imagen como JPEG, PNG y GIF.
PngOptimizer (Windows)
Esta es una pequeña aplicación que se utiliza para comprimir imágenes PNG.
Kraken (Web).
Enlace | PageSpeed Insights
