8 consejos para acelerar su sitio web

Artículo escrito por: Timothy Shim
  • Inbound Marketing
  • Actualizado: Jul 07, 2020

Incluso si no hay nada más de lo que esté seguro, una cosa es segura: antes ha encontrado al menos un sitio web extremadamente lento en su vida. Si eso le resulta familiar, permítame transmitirle algunos consejos que he adquirido en los últimos años que pueden ayudarlo a acelerar su sitio web.

Si no está seguro de que la velocidad de su sitio web sea importante para usted, entonces piense en esos momentos en los que también ha cerrado una ventana del navegador mientras espera que se cargue un sitio. El hecho es que 53% de personas abandonan un sitio web que tarda más de 3 en cargarse.

El rendimiento de su sitio web es importante y juega un papel importante en influir en el ranking de tu motor de búsqueda. Por ejemplo, Google prefiere sitios web rápidos y otorga clasificaciones más altas en los resultados de búsqueda.

Tiempo promedio de carga de la página web en diferentes industrias (fuente).

Prueba la velocidad de tu sitio web

Hay una amplia gama de ajustes que puede realizar en su sitio para mejorar el rendimiento. Algunos pueden ser tan simples como alternar opciones, mientras que otros están más involucrados. Aún así, si los tuviera en cuenta, todo el proceso podría llevar algún tiempo.

Es mejor si adopta un enfoque lento y progresivo para mejorar el rendimiento en lugar de realizar todos los cambios a la vez. Al igual que con cualquier cosa basada en la tecnología, existe la posibilidad de que algo salga mal.

Si implementa cambios a lo largo del tiempo y los documenta junto con las pruebas, será más fácil identificar cualquier cambio que haya realizado y que pueda hacer que su sitio no esté disponible o se bloquee. Créame, eventualmente sucederá.

Para comenzar, pruebe qué tan rápido se está cargando su sitio primero. Algunas herramientas recomendadas son:

  • WebPageTest: Recopile el rendimiento de la página web de navegadores reales que ejecutan sistemas operativos comunes.
  • Pingdom: Ayuda a analizar y encontrar cuellos de botella en el rendimiento de un sitio web.
  • GTmetrix: Analice y ofrezca información procesable sobre la mejor manera de optimizar la velocidad de una página web.
  • Bitcatcha: Compruebe la velocidad del sitio de ocho países.
Al utilizar un probador de velocidad del sitio, podrá averiguar qué tan optimizado está actualmente su sitio.

Estos son los consejos para acelerar su sitio web ...

1. Elija un gran anfitrión web

En mi experiencia, Alojamiento Web es quizás una de las elecciones más importantes que tendrá que hacer cuando alojar un sitio web. Hay servidores web y luego hay excelente web hosts. Cada host web tendrá diferentes características, así que busque elementos clave como tecnologías de almacenamiento en caché propietarias, unidades de estado sólido o control sobre áreas críticas como Nginx.

No puedo enfatizar esto lo suficiente. Su elección de alojamiento web es de vital importancia. Si no está familiarizado con ellos, eche un vistazo a nuestro Revisiones completas de los mejores servidores web para ayudar a guiarlo a una decisión bien informada.

Le recomiendo que considere cambiar a un mejor servidor web si encuentra que su TTFB es demasiado alto.

Vea nuestra lista de las mejores empresas de alojamiento web basadas en datos reales y casos de uso.

2. Minificación: Cuanto más pequeño es mejor

Es común que los sitios web de hoy estén llenos de archivos Javascript y CSS. Esto genera una tonelada de solicitudes HTTP durante una visita que puede reducir la velocidad de su sitio considerablemente. Aquí es donde entra la minificación.

La reducción de sus archivos de Javascript y CSS se realiza combinando todos sus scripts en un solo archivo (de cada tipo). Esto no es una tarea fácil, pero no se preocupe, hay complementos de WordPress que pueden manejarlo por usted.

Pruebe uno de estos para comenzar con: Autoptimize, Velocidad rápida Minify or Merge + Minify + Refresh

La minificación puede hacer que su código se vea desordenado, ¡no se alarme! Esto es normal.

3. Sigue el Principio KISS

Esto no es algo que enseñen normalmente la mayoría de los gurús de la web, pero lo he encontrado extraordinariamente útil de muchas maneras. KISS es un acrónimo de "Keep it simple, stupid". Fue acuñado por un tipo inteligente en la década de 1960 que hizo hincapié en la eficiencia de los sistemas simples.

Como regla general, creo que esto se aplica a casi todo en la vida, incluso en la configuración de sitios web. Al evitar implementaciones y diseños demasiado complejos, se beneficiará de un sitio que es rápido y, lo que es más importante, fácil de administrar y mantener.

Diseño y visuales

Al mantener su diseño y su aspecto visual simple, lo que quiero decir es principalmente reducir los gastos generales. Es probable que un sitio cargado de imágenes masivas e impresionantes y videos impresionantes se cargue tan rápido como un perezoso en un mal día. Manténgalo limpio y ordenado e intente dividir el video y la carga de imágenes en varias páginas.

Código y complementos

WordPress es una cosa maravillosa porque es altamente modular y, sin embargo, muy fácil de usar. No importa lo que quieras hacer, es probable que alguien haya Ya diseñé un plugin para eso.

Tan emocionante como suena, tenga cuidado de sobrecargar su sitio con complementos. Recuerde que cada plugin está diseñado por diferentes personas (y probablemente diferentes compañías). Su propósito es lograr un objetivo específico, no optimizar el rendimiento de su sitio.

Si puedes, evita los complementos para cosas que puedes administrar tú mismo. Tomemos, por ejemplo, un complemento que te ayudará a insertar tablas en tu texto. Puede aprender fácilmente algún código HTML básico para dibujar tablas en lugar de tener que usar un complemento para eso, ¿verdad?

Algunos complementos individuales pueden ralentizar significativamente su sitio, así que asegúrese de realizar una prueba de velocidad cada vez que instale un nuevo complemento.

4. Aprovechar las redes de entrega de contenido

Para mí, las redes de distribución de contenido son un regalo de los dioses. Empresas como Cloudflare y Redes LimeLight gane la vida ayudando a otras personas a disfrutar de la entrega de contenido estable y rápida a través de redes de servidores ubicados en todo el mundo.

El uso de un CDN lo ayudará a servir sus páginas web mucho más rápido y mejorará las velocidades de carga sin importar de qué lugar del mundo provienen sus visitantes.

Aparte de eso, el uso de un CDN también ofrece protección adicional contra ataques maliciosos, como Denegación de servicio distribuido (DDoS).

Si eres el propietario de un sitio web pequeño, entonces Cloudflare tiene una opción gratuita que puedes usar que funciona bien. Las empresas y los sitios más grandes tendrán que pagar para obtener un plan mejor, pero dados los beneficios de una CND, ¡vale la pena el precio!

5. Haz uso del almacenamiento en caché

El almacenamiento en caché es exactamente como suena: almacenar archivos estáticos para que, cuando sus visitantes lleguen, su sitio pueda compartir desde las páginas creadas previamente para reducir el tiempo de procesamiento. En la mayoría de los casos, lo que debe interesarle es el almacenamiento en caché del lado del servidor.

La forma más eficiente de implementar el almacenamiento en caché del lado del servidor es a través de la configuración en su APACHE or Nginx servidor. Deberá revisar esos documentos y encontrar la configuración correcta que lo ayudará a configurar el almacenamiento en caché de su servidor.

La regla de los pulgares es que todo lo que necesite una gran cantidad de trabajo de soporte del servidor (procesamiento) se debe almacenar en caché si es posible.

Si se vuelve demasiado extraño para usted, los complementos son otra opción, pero nuevamente, no recomiendo que recurra a eso en este caso.

6. Imágenes Ancho de banda de cerdo, optimiza el tuyo!

Esta es una pequeña extensión de mi perorata anterior contra imágenes y videos masivos bajo el principio KISS. Dado eso, entiendo que los elementos visuales son clave para hacer que un sitio se vea bonito. Ya que no podemos evitar totalmente su uso, asegurémonos de que las imágenes que usa estén lo más simplificadas posible.

El contenido web es en su mayor parte básico, incluso cuando se trata de imágenes. La mayoría de los sitios web que he encontrado que cargan como cerdos moribundos a menudo son arrastrados por imágenes masivas que no tienen ningún propósito real.

No estoy diciendo que no puedas tener imágenes más grandes, pero asegúrate de que estén correctamente optimizadas antes de subirlas.

hay dos maneras de hacer esto. Una vez más, el primero es a través de un plugin como WP Smush. La alternativa, o para aquellos que no usan WordPress, es una herramienta de optimización de imagen de terceros, como Image Compressor or Optimizador de JPEG.

La mayoría de las herramientas de optimización de imágenes le permitirán ajustar los detalles de resolución de sus imágenes para que pueda atenuarlas gradualmente. Se verán más o menos iguales para los ojos no entrenados, pero mucho más pequeños en tamaño.

Estas se amplían en áreas de una imagen HD (izquierda). El original era 2.3MB y después de la optimización, ¡se redujo a 331kb!

7. Usar la compresión gzip

Si ha oído hablar de la compresión de imágenes, o quizás del archivo (ZIP o RAR), entonces probablemente estará familiarizado con la teoría detrás de la compresión gzip. Esto comprime el código de su sitio web, lo que resulta en un aumento de la velocidad de hasta 300% (los resultados varían).

Incluso para algo tan técnico como este, puedes seguir adelante y usar un plugin como PageSpeed ​​Ninja. Sin embargo, hay un método mucho más eficiente que solo implica editar su archivo .htaccess una vez.

Agregue el siguiente código a su archivo .htaccess y se configurará:

# Comprimir HTML, CSS, JavaScript, texto, XML y fuentes AddOutputFilterByType DEFLATE aplicación / javascript AddOutputFilterByType DEFLATE aplicación / rss + xml AddOutputFilterByType DEFLATE aplicación / vnd.ms-fontobject AddOutputFilterByType-DEFLATE aplicación AddOutputFilterByType-DEFLATE tipo de fuente / abre AddOutputFilterByType DEFLATE aplicación / x-font-otf AddOutputFilterByType DEFLATE aplicación / x-font-truetype AddOutputFilterByType DEFLATE aplicación / x-font-ttf AddOutputFilterByType DEFLATE aplicación / x-javascript AddOutype DEFLATE aplicación / AddOutypeFilter DEFLATE x-javascript AddOutype DEFLATE opentype AddOutputFilterByType DEFLATE fuente / otf AddOutputFilterByType DEFLATE fuente / ttf AddOutputFilterByType DEFLATE imagen / svg + xml AddOutputFilterByType DEFLATE imagen / x-icon AddOutputFilterByType DEFLATE texto Agregar Texto TARDE / AddOutputFilterByType sin formato DEFLATE text / xml

* Nota: Asegúrese de agregar este código ABAJO las cosas que tiene actualmente en su archivo .htaccess.

8. Reducir redirecciones

Normalmente, los navegadores aceptan varias formas de direcciones que, a su vez, se traducen en direcciones oficiales reconocidas por su servidor. Tomar como ejemplo www.example.com y example.com. Ambos pueden ir al mismo sitio, pero uno requiere que su servidor lo redirija a la dirección oficialmente reconocida.

Esa redirección requiere algo de tiempo y recursos, por lo que su objetivo es garantizar que su sitio no sea accesible a través de más de una redirección. Utilizar esta mapeador de redireccionamiento Para ver si lo estás haciendo bien.

Dada la complejidad de hacer esto bien y el tiempo requerido de manera continua, esta es una vez que recomiendo usar un complemento como Redirección.

¿Qué tan rápido es lo suficientemente rápido?

Google PageSpeed ​​Insight
Google PageSpeed ​​Insight es un buen punto de referencia de cómo el gigante de las búsquedas ve el rendimiento de su sitio.

Además de la experiencia del visitante, el rendimiento de su sitio web también afecta su visibilidad en las clasificaciones de búsqueda. Como el rey de la búsqueda es Google, esa es la barra a la que quieres apuntar. Según ellos, los sitios deberían cargarse idealmente en tres segundos.

Desafortunadamente, muchos sitios aún no cumplen con este punto de referencia. De hecho, he medido algunos sitios que sorprendentemente tardan hasta 5 o 6 minutos en cargarse. Dicho esto, si su sitio tarda más de 7 segundos en cargarse, eso ya es demasiado tiempo para Google.

Sitios web más rápidos mantienen a los visitantes (y Google) felices

Las velocidades de banda ancha hoy, incluso en dispositivos móviles, han aumentado mucho y aumentarán aún más. Eso significa que queda muy poca excusa para que los propietarios de sitios web hagan que sus visitantes soporten sitios de carga lenta.

Créeme, seguirás perdiendo visitantes y, en un momento dado, ganarás una reputación tan mala que serás conocido como "Oh, QUE sitio web". Si estás en un negocio en línea, eso lo hace aún peor, ya que matarás a tu propio ganso dorado.

Si bien los consejos 8 anteriores que he proporcionado no son, de ninguna manera, el principio y el final de todo, deberían darle un comienzo y algunas ideas de cómo manejar las cosas un poco mejor. Acelere su sitio web hoy y conserve a sus clientes o visitantes.

No termines como QUE .

Acerca de Timothy Shim

Timothy Shim es escritor, editor y experto en tecnología. Comenzando su carrera en el campo de la tecnología de la información, rápidamente encontró su camino en la impresión y desde entonces ha trabajado con títulos de medios internacionales, regionales y nacionales, incluidos ComputerWorld, PC.com, Business Today y The Asian Banker. Su experiencia se encuentra en el campo de la tecnología tanto desde el punto de vista del consumidor como desde el de la empresa.