8 consejos para acelerar su sitio web

Artículo escrito por:
  • Inbound Marketing
  • Actualizado: Nov 02, 2018

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 en influyendo en su posicionamiento en los motores de búsqueda. Por ejemplo, Google prefiere los sitios web rápidos y otorga a las 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

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.

Aquí están los consejos para acelerar su sitio web ...

1. Elija un gran anfitrión web

En mi experiencia, el alojamiento web es quizás una de las decisiones más importantes que tendrá que hacer. Hay servidores web y luego están 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.

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 normalmente enseñan los gurús de la web, pero lo he encontrado extraordinariamente útil de muchas maneras. KISS es un acrónimo de "Mantenlo simple, estúpido". Fue acuñado por algún tipo inteligente en los 1960 que destacaban 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. Hacer uso del caching

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á:

<IfModule mod_deflate.c> # Comprimir HTML, CSS, JavaScript, Texto, XML y las fuentes AddOutputationFilterByType DEFLATE application / javascript AddOutputFilterBy / x-font-opentype AddOutputFilterByType aplicación DEFLATE fuente / fuentes OpenType AddOutputFilterByType DESINFLE / OTF SVG + imagen / xml AddOutputFilterByType DESINFLE AddOutputFilterByType DESINFLE fuente / ttf AddOutputFilterByType DESINFLE imagen / xml AddOutputFilterByType DESINFLE / x-icon AddOutputFilterByType DESINFLE text / css AddOutputFilterByType texto DESINFLE / html AddOutputFilterByType DESINFLAR text / javascript AddOutputFilterByType DEFLATE text / plain AddOutputFilterByType DEFLATE text / xml </IfModule>

* 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.

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 sitio web.

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.