Cómo acelerar tu sitio web para mejores rankings de búsqueda

Artículo escrito por:
  • SEO
  • Actualizado: Abr 24, 2018

* Nota: Esta publicación fue publicada por primera vez en marzo en 2013. Algunas de las herramientas que mencioné aquí pueden ser obsoletas.

No es un secreto que Google está utilizando la velocidad del sitio como uno de los factores de clasificación. El blog de Google Webmaster Central hizo un anuncio oficial sobre esto hace algunos años:

Es posible que haya escuchado que aquí en Google estamos obsesionados con la velocidad, en nuestros productos y en la web. Como parte de ese esfuerzo, hoy incluimos una nueva señal en nuestros algoritmos de clasificación de búsqueda: velocidad del sitio. La velocidad del sitio refleja la rapidez con que un sitio web responde a las solicitudes web ...

Y, Matt Cutts ha mencionado repetidamente sobre la importancia de la optimización de la velocidad del sitio web en su vídeos y blogs.

Mientras buscaba y leía más sobre este tema, me topé con varios estudios de caso que confirman esto: en uno artículo sobre Search Engine Watch, Work Coach Cafe obtuvo un 40% de tráfico orgánico adicional después de limpiar sus códigos y enlaces rotos; en otro estudio de casoEl CEO de SmartFurniture.com confirmó que el sitio tuvo un gran liderazgo en los rankings de los motores de búsqueda simplemente al aumentar el rendimiento de su sitio.

Un tiempo de carga de página más rápido también equivale a una mejor conversión

Pero espere, hay más razones por las que debería tomarse el tiempo para acelerar su sitio web.

En un estudio sobre usuarios de sitios de viajes, aprendí que el 57% de los usuarios de sitios web solo esperará tres segundos o menos antes de abandonar un sitio.

El investigación popular en Tagman, muestra que un aumento de un segundo en el tiempo de carga de la página puede causar una pérdida de casi el 7 en las conversiones de los clientes.

En otro estudio de caso en Cloud Living, la participación de los visitantes del sitio mejoró en un 19% (duración promedio de sesión, ver imagen) después de la optimización de la velocidad del sitio.

Sitio más rápido = Más visitas a la página por sesión y mayor duración de la sesión. Fuente: Tung Tran, CloudLiving.com.

En resumen, el tiempo de carga de la página no solo afecta los rankings de búsqueda, sino que también tiene un gran impacto en la tasa de conversión y el alcance de los visitantes. Para obtener estadísticas más similares, asegúrese de visitar Mashable para esto hermosa infografía.

Maneras fáciles de mejorar la velocidad de su sitio web

Cuando me enteré de todo esto hace dos años, pensé "¡Guau, hay tantos beneficios en esto!". Lo que viene después es inevitablemente la pregunta 'cómo'. ¿Cómo aceleramos nuestros sitios web? ¿Cómo medimos la velocidad de nuestro sitio web y lo comparamos con otros? ¿Cómo hacemos las cosas sin entrar en demasiados detalles técnicos?

Ian Lurie escribió 29 formas de acelerar su sitio web en marzo 2011 y es una verdadera joya. Si realmente quiere ajustar la velocidad de su sitio web, debe seguir todos los consejos compartidos en el artículo.

Sin embargo, muchas de estas soluciones pueden estar más allá de las habilidades técnicas de los propietarios de sitios web y bloggers.

Así que pensé en volver a visitar este tema y buscar formas sencillas para que los usuarios no expertos en tecnología puedan implementarlo sin gastar demasiado tiempo y energía.

1. Adelgaza tu sitio

En muchas ocasiones, cuando el tiempo de carga de una página es lento, simplemente significa que la página tiene sobrepeso.

La solución es fácil: ir a dieta!

Revise detenidamente su sitio web y hágase estas preguntas:

  • ¿Mantiene demasiados CSS no utilizados en el servidor? ¡Borra los!
  • ¿Tus imágenes son demasiado grandes? Optimícelos con Photoshop, Fireworks o Smush It si no tiene un software gráfico instalado en su PC.
  • ¿Tienes encabezados HTTP excesivos? Quítalos
  • ¿Estás manteniendo demasiados comentarios de spam? Los comentarios no eliminados en su casilla de correo no deseado simplemente ralentizarán el tiempo de respuesta de su base de datos. Eliminarlos lo antes posible!
  • ¿Estás usando demasiados complementos en tu CMS? ¿Está utilizando complementos y scripts obsoletos en su sitio? Bueno, entonces es hora de hacer un trabajo de limpieza y actualización.
  • ¿Es tu JavaScript demasiado pesado? ¡Reducirlo y comprimirlo!

Si bien estos consejos parecen bastante simples, no me sorprenderá ver que los webmasters o diseñadores web experimentados no logran mantenerse al día.

Hace unos años, fui descuidado y no sabía que el tema de WordPress que estoy usando tiene un <? Php wp_get_archives ('type = mensual'); ?> incrustado en el archivo header.php.

No hace falta decir que la función genera docenas de líneas innecesarias en archivos HTML a medida que pasa el tiempo. Es un error tonto que se puede solucionar en segundos, pero luego me llevó más de 2 años darme cuenta ya que no estaba buscando mi propio código fuente.

2 Evite innecesarios HTTP 300's, 400's y 500's

HTTP 300 se refiere a redirecciones de servidor, HTTP 400 se refiere a problemas de autenticación y HTTP 500 se refiere a errores del servidor: todos estos resultados para solicitudes HTTP provocan viajes de ida y vuelta innecesarios * para los navegadores. Si bien ciertos HTTP 300 son inevitables (como la redirección de 301 a una nueva ubicación de página), debe buscar en todos los errores de HTTP 400 y 500 e intentar corregir cada uno de ellos.

* ¿Qué es un tiempo de ida y vuelta de todos modos?

En términos generales, una página web tiene un tamaño aproximado de 1,100KB y consta de aproximadamente objetos 100 (fuente); un navegador web solo puede solicitar 2: los objetos 6 a la vez dependen de la configuración del usuario. Tiempos de ida y vuelta es el número de viajes de ida y vuelta necesarios para que un navegador abra una página por completo. Por ejemplo, para cargar una página web con objetos 100, un navegador que esté configurado para transportar solicitudes 5 a la vez tomará 20 ida y vuelta para cargar la página web. Como el menor tiempo de ida y vuelta que lleva, más rápido se carga una página web; debemos minimizar la cantidad de objetos disponibles en una página.

3. Utilizar CSS Sprites

CSS Sprites se refiere a la técnica en la que se combinaron varias imágenes en un archivo de imagen y se les mostraron partes de ellas a los usuarios a la vez. El uso de CSS Sprites reduce la cantidad de viajes de ida y vuelta de los navegadores y, por lo tanto, hace que las páginas web se carguen más rápido.

Ahora espere, sé que esto puede parecer demasiado para algunos de ustedes a quienes no les gusta mojarse las manos en CSS, pero créanme, el concepto es mucho más simple de lo que parece. Y, lo mejor de todo, hay herramientas gratuitas en línea que pueden hacer las cosas sin tocar los códigos CSS. Revisa Sprite Me y Almohadilla Sprite - Las cosas se pueden hacer con solo arrastrar y soltar y clics.

Almohadilla Sprite

Almohadilla Sprite

Sprite Me

Sprite Me

Además, para más lecturas y ejemplos de CSS Sprites, visite esta y esta tutorial.

4. Evite el uso de CSS @import

La función CSS @import ayuda a cargar hojas de estilo externas en su página web. Lo malo de esto es que simplemente agrega tiempos adicionales de viaje de ida y vuelta al navegador y aumenta el tiempo de carga de su página web. Para resolver esto, simplemente use una etiqueta <link> en su lugar.

En caso de que sea un blogger casual y no tenga idea de qué estoy hablando, solo eche un vistazo a su header.php (si está usando WordPress), ctrl + F y busque '@import', mueva los archivos .css al mismo servidor si es necesario, reemplace las líneas @import por <link> en su lugar.

Ejemplo, reemplazar

@import url ("../ style1.css"); @import url ("../ style2.css")

a

<link rel = "hoja de estilo" href = "style1.css"> <link rel = "hoja de estilo" href = "style2.css">

5. Actualice su CMS

Bueno, esto es una obviedad, ¿verdad? Las actualizaciones están destinadas a mejorar el rendimiento y la seguridad, y lo menos que puede hacer por sus visitantes es mantenerlos en una plataforma de CMS actualizada.

6. Caché todo lo que puedas caché

En la actualidad, en la mayoría de los casos, confío en un complemento de terceros para el almacenamiento en caché. Por un lado, soy demasiado vago para mirarlo; en segundo lugar, hay profesionales que pueden hacer las cosas mucho mejor que yo, ¿por qué desperdiciar mi energía en esto? En caso de que estés en WordPress, prueba WP Super Cache: es uno de los más populares. Plugin WP en este momento de la escritura. En caso de que seas Joomla, echa un vistazo Caché Cleaner.

En resumen, estos complementos ayudan a almacenar en caché la última versión de su página web y reducen las necesidades de generación de contenido dinámico durante una visita repetida.

Hay muchos detalles técnicos para analizar en este tema, siéntase libre de leer más en aquí y aquí.

7. Obtener en una red de entrega de contenido (CDN)

Un CDN almacena sus archivos estáticos en servidores de todo el mundo y sirve sus páginas web desde diferentes servidores según la ubicación del usuario. Ejemplo, cuando un usuario de Malasia accede a su sitio web, el CDN le entregará su contenido web (principalmente archivos estáticos como imágenes y archivos HTML) desde el servidor ubicado en Asia, por ejemplo Singapur; Por otro lado, si el usuario se encuentra en México, la red elegirá entregar el contenido desde una ubicación de servidor más cercana, por ejemplo, Estados Unidos.

Existen diferentes marcas de CDN disponibles, pero en general CDN se puede agrupar en dos categorías: Pull CDN y Push CDN. Para obtener más detalles, le sugiero que eche un vistazo a algunos de los servicios de buena reputación de CDN, como MaxCDN y CloudFlare.

8. Considerar un mejor servidor web

Si usted es serio acerca de ajustar su sitio más rápido, considere Escogiendo un mejor hosting.

Hace aproximadamente un año, cambié uno de mis sitios web de una cuenta de alojamiento compartido en Hostgator a WP Engine (Un alojamiento basado en la nube). Las cosas cambiaron dramáticamente desde que me mudé, la velocidad promedio de carga de la página se redujo de más de 900ms a 500ms, una mejora de casi 100% (consulte la tabla a continuación).

Velocidad de carga de la página WHSR

Lección aprendida: a veces no puedes confiar en las cosas baratas. Si está pagando menos de $ 5 por mes, no espere estar al tanto de este juego de velocidad. Si desea que su sitio web cargue la iluminación rápidamente, tal vez la forma más fácil de hacerlo es cambiar su sitio web a un mejor proveedor de alojamiento web.

9. Optimice su base de datos

Si está en MySQL, las cosas se pueden hacer fácilmente en phpMyAdmin. Y si estás en WordPress, las cosas se pueden hacer incluso más fácilmente con el complemento correcto. WP Optimize, por ejemplo, le permite limpiar su base de datos con solo unos pocos clics.

10 Coloque sus guiones al pie de página siempre que sea posible

Una forma fácil de mejorar el tiempo de carga de su página en la vista de los visitantes es colocar los códigos y los scripts (por ejemplo, Google Analytics) al pie de página siempre que sea posible. Aunque creo que apenas ayuda en términos de SEO, al hacerlo, los espectadores de su sitio web sentirán que la página se está cargando de una manera más rápida, ya que esto permite que se cargue contenido crítico antes de que los navegadores ejecuten los scripts.

Más consejos para acelerar tu sitio web

Allí, ahora tienes mis consejos rápidos sobre 10 sobre cómo mejorar la velocidad del sitio web.

Estoy seguro de que hay muchos otros métodos para hacer el trabajo, ¿por qué no nos cuentas el tuyo? ¿Cuáles son tus consejos #1 para que los no expertos en tecnología aceleren sus sitios web?

Acerca de Jerry Low

Fundador de WebHostingSecretRevealed.net (WHSR): una revisión de alojamiento confiable y utilizada por los usuarios de 100,000. Más de 15 años de experiencia en alojamiento web, marketing de afiliación y SEO. Colaborador de ProBlogger.net, Business.com, SocialMediaToday.com y más.