Las reglas del PageSpeed Insights son muy importantes tanto para los usuarios como para Google. Google utiliza la velocidad de tu página web como un factor de clasificación. A continuación te presento las reglas recomendadas por Google para conseguir que tus páginas web carguen más rápido.
Especificar la caché del navegador

Especificar la caché del navegador

Los navegadores cargan recursos como tu logo, archivo CSS entre otros. El almacenamiento en caché del navegador “recuerda” esos recursos para que tus páginas carguen más rápido.

Aplazar la carga de JavaScript

Aplazar la carga de JavaScript

Tu página web no se mostrará hasta que se descargue todo el JavaScript que causa severos retrasos a menos que se aplaze correctamente.

JavaScript que bloquea el contenido

JavaScript que bloquea el contenido

Render significa cargar, y si un JavaScript está bloqueando la carga de una página significa que el JavaScript mantiene a la página cargando.

Priorizar el contenido visible

Priorizar el contenido visible

Mostrar el contenido superior de la página tan pronto como sea posible es una de las cosas más importantes que puedes hacer por tus usuarios y posicionamiento.

Habilitar la compresión GZip

Habilitar la compresión GZip

La compresión de código HTML y CSS con GZip ahorra alrededor de 50 a 70 por ciento del tamaño del archivo. Se tarda menos tiempo en cargar las páginas y se utiliza menos ancho de banda.

Optimizar la entrega de CSS

Optimizar la entrega de CSS

Los archivos CSS deben ayudar a que tu página web cargue más rápido, no ralentizarla. Se necesita un poco de sentido común y planificación, pero vale la pena.

Combinar CSS Externos

Combinar CSS Externos

Cada archivo CSS que utiliza tu sitio web añade tiempo a la velocidad de carga de la página. Si tienes más de un archivo CSS debes combinarlos en un solo archivo.

Minificar CSS

Minificar CSS

No importa cómo utilices tus archivos CSS. Mientras más pequeños sean será mejor y ayudarán a tus páginas web a cargar más rápido.

Utiliza CSS en línea

Utiliza CSS en línea

Las instrucciones CSS en línea son aquellas que se escriben directamente en el archivo HTML en lugar de utilizarlas en un archivo CSS externo.

Evita usar @import en CSS

Evita usar @import en CSS

El método “@import”, para cargar archivos CSS, crea algunos problemas que afectan a la velocidad de tu página y no es bueno para tus usuarios.

Combinar JavaScript externos

Combinar JavaScript externos

Los archivos JavaScript muy a menudo se encuentran en varios archivos externos. No siempre es necesario tener estos archivos separados ya que la mayoría de JavaScript se pueden combinar en un solo archivo.

JavaScript en línea

JavaScript en línea

JavaScript en línea simplemente significa insertar instrucciones JavaScript en tu archivo HTML en lugar de usar un archivo JS externo. La ventaja que esto ofrece es la reducción de tiempo por parte del navegador.

Orden de los estilos y scripts

Orden de los estilos y scripts

Las etiquetas de estilo y las llamadas a las hojas de estilo CSS deben ser colocados antes de los scripts. La solución es simplemente asegurarse de que los estilos CSS están por encima de los scripts en la página.

Imágenes con CSS sprites

Imágenes con CSS sprites

Si tiene varias imágenes pequeñas como parte del diseño de tu sitio web podrías reducir la velocidad de la página de forma espectacular si se combinan en una sola imagen.

Imágenes a escala real

Imágenes a escala real

Asegúrate de que el tamaño de la imagen en el código HTML coincide con el tamaño del archivo de la imagen real. En HTML puedes mostrar imágenes del tamaño que desees.

Dimensiones de una imagen

Dimensiones de una imagen

Cuando un navegador muestra tu página web tiene que realizar varias acciones antes de que pueda mostrar el contenido. Una de las cosas más simples e importantes que hace es diseñar tu página web en torno a las imágenes.

Evitar solicitudes incorrectas

Evitar solicitudes incorrectas

A veces el código HTML o CSS solicitará un recurso, como una imagen o un archivo HTML, que no existe. Cuando esto sucede, el navegador y el servidor comienzan a hacer solicitudes que no sirven para nada.

Método document.write

Método document.write

En JavaScript se puede utilizar “document.write” para mostrar algo en una página web o llamar a un recurso externo y el navegador debe ejecutar muchos pasos.

Habilitar Keep Alive

Habilitar Keep Alive

Keep Alive es una forma de comunicación entre el servidor web y el navegador al que le dice “se puede tomar más de un archivo”.

Minimizar consultas DNS

Minimizar consultas DNS

A medida que una página web crece más en contenidos y recursos esta utiliza más consultas DNS que la hacen mucho más lenta.

Minimizar redirecciones

Minimizar redirecciones

Hay muchas buenas razones para hacer redirecciones en tu página pero debes tener en cuenta lo que esto afecta al rendimiento y a la velocidad de carga de tu página.

Archivo .htaccess

Archivo .htaccess

El archivo .htaccess es un archivo de texto pequeño y potente que controla muchos aspectos de cómo se muestran las páginas web.

¿Quieres más?

No te pierdas las actualizaciones del blog y recibe mas información en tu email sobre el correcto “Posicionamiento en Google“.

¡Suscríbete y mantente al día!

Suscríbete…

¿Me Compartes?
Share on Facebook0Tweet about this on TwitterShare on Google+3