Hay menos cosas más frustrantes que un sitio web que tarda en cargarse. No es de extrañar, entonces, que no solo las personas, sino también los motores de búsqueda, intenten mantenerse alejados de los sitios lentos. Con eso en mente, estos son algunos de los mejores consejos que puede implementar para evitar molestar a los visitantes y rechazarlos en su primera visita a su sitio web.
1. Optimice su código
El mejor creador de sitios web hará que sea bastante sencillo crear un sitio web. Si bien su rico conjunto de plantillas lo ayuda a estilizar su sitio web con facilidad, tienen un inconveniente. Muchas de las plantillas tienen un código desordenado que puede ralentizar su sitio web.
Para superar el problema, puede eliminar todo el código y el formato innecesarios en sus archivos HTML, CSS y JavaScript. Este proceso de eliminar el exceso se llama minificación y puede usar herramientas simples en línea como el minificador de Will Peavy para ayudarlo a comenzar. Los usuarios de WordPress pueden usar el complemento Autoptimize para simplificar el proceso.
2. Comprime tu sitio web
Los sitios web no tardan mucho en volverse grandes y pesados. Todas las imágenes e incluso los archivos HTML, CSS y JavaScript de texto sin formato aumentan rápidamente. Uno de los mejores mecanismos para acelerar un sitio web es habilitar la compresión con Gzip. Esto reducirá el tamaño de la respuesta HTTP, reduciendo así los tiempos de respuesta.
Deberá habilitar el módulo de compresión apropiado en su servidor web antes de habilitarlo para su sitio web editando el archivo .htaccess. Los pasos exactos varían y dependen de su servidor web, pero así es como se hace en Apache.
3. Optimizar imágenes
Las imágenes son una de las partes más gruesas de un sitio web y, por lo general, el elemento de carga más lento en cualquier página web. Para dominar el comportamiento, en lugar de escalar imágenes grandes a través de HTML, comience cambiando el tamaño de todas las imágenes en su sitio web al tamaño exacto que desea.
De hecho, debe mantener una lista de los diferentes tamaños de imagen para los distintos elementos de su sitio web para asegurarse de que nunca cargue más píxeles de los que necesita. Si tiene un sitio web con muchas imágenes, también debería considerar comprimirlas. Una de las herramientas más comunes para este propósito es reSmush.
Funciona con todos los sistemas de gestión de contenido (CMS) populares y también tiene un cliente CLI de Linux para comprimir imágenes para su uso en sitios estáticos. También puede utilizar Compressor.io para comprimir varias imágenes en un instante.
4. Carga diferida de multimedia
La carga diferida significa que las imágenes, los videos y los iframes solo se cargan una vez que los usuarios se desplazan hacia abajo en la página y los ven. Esto puede mejorar significativamente los tiempos de carga inicial de sus páginas.
Anteriormente, esto era algo que implementaría con la ayuda de JavaScript, pero no la carga diferida está integrada en los navegadores web. Los usuarios de WordPress tienen varias opciones y dos de nuestros favoritos son Lazy Load de WP Rocket y a3 Lazy Load, que está diseñado para dispositivos móviles.
5. Utilice enlaces rápidos para compartir en las redes sociales
En esta época, le gustaría que la gente compartiera su contenido en las redes sociales. En sitios web HTML simples, puede utilizar una herramienta generadora de enlaces como el Generador de enlaces compartido gratuito que le ayuda a crear enlaces para compartir en redes sociales para Facebook, Twitter, LinkedIn y Pinterest sin depender de iframes o JavaScript. Como es habitual, los usuarios de WordPress no tienen escasez de complementos que puedan usar para este propósito, incluidos Social Warfare y Grow.
6. Desinstale los complementos inútiles
Un CMS como WordPress puede tener muchos complementos que pueden agregar funcionalidades realmente útiles a su sitio web. Sin embargo, tener demasiados complementos puede ralentizar su sitio web a un rastreo, por lo que solo debe ejecutar los complementos que realmente necesita.
Dicho esto, no todos los complementos están diseñados igualmente bien y puede acelerar su sitio web reemplazando un complemento con una alternativa más rápida. La herramienta en línea GTmetrix analizará su sitio web de forma gratuita y le mostrará una lista de complementos que tienen tiempos de carga elevados. Considere reemplazar esos complementos, especialmente si se los llama varias veces con una alternativa más ligera.
Los usuarios de WordPress también pueden utilizar el complemento Query Monitor para un análisis detallado de los complementos utilizados en su sitio web. Por supuesto, recuerde eliminar el complemento Query Monitor cuando haya cumplido su propósito.
7. Reducir los redireccionamientos
Las redirecciones a menudo son necesarias cuando mueve y elimina páginas, y son la mejor manera de eliminar problemas con enlaces rotos. Pero aunque los redireccionamientos 301 son preferibles a los errores 404, aún no son ideales, ya que ralentizan el tiempo que tarda el navegador en llegar a la versión correcta de una página. Puede utilizar el comprobador de redireccionamientos masivos de Screaming Frog para analizar los redireccionamientos en su sitio web y tratar de minimizar su uso.
8.Realice menos solicitudes HTTP
Reducir las solicitudes HTTP es una buena forma de optimizar su sitio web. Cada elemento que agrega a una página se traduce en una solicitud HTTP. Cuanto más tenga el navegador para realizar estas solicitudes, más tardará su página en cargarse por completo. Es por eso que, aunque requiere algo de esfuerzo, los resultados de reducir el número de solicitudes son muy impresionantes.
Puede utilizar las herramientas de desarrollo en el navegador y cambiar a la pestaña Red para ver las solicitudes HTTP en detalle. Una vez que tenga una idea de qué archivos están tardando más en cargarse, puede buscar los que puede combinar (especialmente los archivos CSS) y los que puede eliminar por completo.
9. Pon CSS antes que los scripts
Colocar correctamente sus hojas de estilo y scripts influirá en cómo se carga su sitio. Siempre debes colocar tu CSS en la parte superior de la sección. Esto permite que el navegador cargue su CSS primero, para que los usuarios puedan ver el contenido en su sitio.
Javascript, por otro lado, debe estar lo más cerca posible de la parte inferior. Esto se debe a que los navegadores necesitan analizar el JavaScript primero antes de que pueda pasar a la siguiente etiqueta. Si coloca los scripts antes del contenido real, los usuarios verán una página en blanco mientras el navegador procesa JavaScript.
10. Vaya a la vieja escuela siempre que sea posible
Con un lenguaje de secuencias de comandos como PHP, puede hacer cosas que no son posibles con HTML simple. Sin embargo, procesar PHP lleva más tiempo que analizar HTML, así que evite solicitar información a través de PHP, si se puede obtener con HTML estático.
Del mismo modo, no siempre es una buena idea utilizar el mecanismo @import CSS para incluir hojas de estilo externas en sus páginas web en lugar de la etiqueta HTML. Si bien ambos logran el mismo propósito, @import consume más recursos que los que se vinculan directamente a sus hojas de estilo.
11. Habilitar el almacenamiento en caché
Cuando visita un sitio web, todos los elementos de la página se almacenan en su disco duro en un área de almacenamiento temporal llamada caché. Esto es útil ya que en visitas posteriores, su navegador abrirá la página sin tener que enviar otra solicitud HTTP al servidor.
Si ejecuta un sitio de WordPress, puede usar un complemento como el complemento W3 Total Cache para habilitar fácilmente el almacenamiento en caché. Por otro lado, si tiene un sitio HTML estático, puede habilitar el almacenamiento en caché utilizando lo que se conoce como un encabezado Expires en su archivo .htaccess. Una vez habilitados, los encabezados caducados no solo ahorrarán el tiempo que lleva descargar archivos ya almacenados en caché, sino que también ayudarán a reducir la cantidad de solicitudes HTTP.
12. Bases de datos limpias de primavera
Es probable que esté utilizando un CMS como WordPress o Joomla para alojar su sitio web. A medida que juegas con tu instalación (agrega y quita complementos, crea y actualiza publicaciones, instala actualizaciones, etc.), la base de datos que alimenta el CMS se volverá bastante hinchada y lenta. Para evitar esto, debe usar el complemento WP-Optimize para limpiar la base de datos con regularidad.
13. Bloquear enlaces directos
El enlace directo ocurre cuando alguien muestra una imagen de su sitio utilizando su enlace web directamente. Cada vez que se carga, la imagen se extrae del servidor del sitio web de origen.
Tiene varias opciones para evitar hotlinking. Muchos hosts conocidos ofrecen un interruptor en la interfaz de administración para evitar hotlinking. Luego están los complementos de WordPress como All In One Security & Firewall que brindarán protección contra hotlinking. Finalmente, puede agregar instrucciones en su archivo .htaccess.
14. Alternar la configuración de Keep Alive
El mensaje Keep Alive se intercambia entre el servidor web y una máquina cliente para permitir la misma conexión tcp para la conversación HTTP en lugar de abrir una nueva con cada nueva solicitud. También conocida como conexión persistente, Keep Alive ayuda a reducir la latencia de las solicitudes posteriores. La mayoría de las empresas de alojamiento, especialmente en el alojamiento compartido, deshabilitan esta función.
La configuración se controla mejor ajustando el servidor web. Sin embargo, puede anular el valor predeterminado del servidor agregando las siguientes líneas en su archivo .htaccess:
Conjunto de encabezados Connection Keep-Alive
15. Acelere WordPress
WordPress tiene varios complementos para mejorar el rendimiento que ayudarán a optimizar diferentes aspectos del sitio web. Uno de los más completos es el de rendimiento que utiliza muchas de las técnicas de aceleración del rendimiento de uso común. Lo bueno de este complemento premium es que la mayoría de sus técnicas de optimización se exponen a través de una interfaz de usuario simple, lo que lo hace accesible a todo tipo de usuarios.
16. Instale Google PageSpeed
Google PageSpeed es un conjunto de módulos de código abierto para los servidores web Apache y Nginx. Ayudan a optimizar su sitio web mediante la implementación de algunas de las técnicas de mejora del rendimiento más útiles, como las que hemos compartido en este artículo. Puede descargar e instalar los módulos en su servidor web si es el propietario. De lo contrario, tendrá que buscar un proveedor de alojamiento que lo haga. Por lo general, los servidores web solo ofrecen esto con sus planes de alojamiento dedicado de primer nivel, aunque algunos, como GoDaddy, lo instalan en sus servidores de alojamiento Linux.
17. Reducir las búsquedas de DNS
Uno de los principales factores que influye directamente en la rapidez con la que se carga su sitio web es la cantidad de tiempo que tardan las búsquedas de DNS. Una búsqueda de DNS es el proceso de encontrar la dirección IP asociada con una URL.
Una forma de acelerar su sitio web es reducir la cantidad de nombres de host únicos. Una menor cantidad de consultas de DNS reducirá el tiempo de respuesta y hará que los sitios web se carguen más rápido. Además, considere el hecho de que la cantidad de tiempo que lleva consultar los registros DNS depende de la velocidad del proveedor de DNS.
Si no está satisfecho con el rendimiento de su proveedor de DNS, considere cambiar a otro. DNSperf rastrea la velocidad de consulta de los distintos proveedores de DNS autorizados.
18. Actualice a un mejor proveedor de alojamiento web
Si ha intentado acelerar su sitio web, pero no ha notado mucha diferencia, el problema podría ser su alojamiento web. Muchos de los servidores web más baratos, especialmente los compartidos, están bastante abarrotados y utilizan servidores que carecen de los recursos para asignar lo suficiente a cada sitio web. En su lugar, debe dedicar un tiempo a investigar las diversas opciones que se ofrecen, antes de buscar un host y el plan de alojamiento para su sitio web.
19. Utilice una red de distribución de contenido
Además de cambiar a un mejor proveedor de alojamiento web, también debería considerar el uso de una red de entrega de contenido (CDN). A diferencia de su servidor que se encuentra en una ubicación específica, un CDN utiliza una red de servidores que, en cierto sentido, distribuyen su contenido a servidores de todo el mundo, esencialmente acercándolo a sus visitantes independientemente de su ubicación. Los CDN aceleran un sitio web al reducir la distancia física entre el contenido y los visitantes. Puede alojar todo tipo de contenido con CDN e incluso utilizar varios para apuntar a ubicaciones específicas.
20. Supervisar el desempeño con regularidad
Un aspecto importante de la puesta a punto de su sitio web es vigilar su rendimiento. Esto no solo lo ayudará a medir el impacto de un ajuste, sino que, según la herramienta utilizada, también señalará aspectos del sitio web que necesitan atención. La prueba de velocidad del sitio web de Pingdom es una popular herramienta en línea que no solo probará los tiempos de carga de la página, sino que también señalará los problemas.
Del mismo modo, puede utilizar Test My Site de Google para analizar el rendimiento de su sitio web en dispositivos móviles. Además de brindar métricas útiles, la herramienta también compartirá recomendaciones para ayudarlo a acelerar su sitio web para dispositivos móviles.
- Hemos presentado el mejor alojamiento web de Wordpress.