15 maneras de acelerar su sitio web

Una de las peores cosas que le puede pasar a su sitio web es perder clientes por problemas que pueden evitarse por completo. Las estadísticas del estudio de Google Page Load Time de 2017 demuestran que un segundo puede marcar una gran diferencia en sus números de tráfico y la satisfacción del cliente.

En solo un segundo:

  • Las visitas a su página podrían reducirse en un 11 por ciento ��
  • Los niveles de satisfacción del cliente podrían caer un 16 por ciento ��
  • Podría experimentar una reducción del 7 por ciento en las tasas de conversión ��

En el transcurso de un año, ese retraso de un segundo podría resultar en una caída de $ 2.5 millones en ingresos para las empresas que normalmente promedian $ 100,000 en ventas diarias.

En breve, latencia es el enemigo del rendimiento del sitio web y la satisfacción del usuario. El 53% de los consumidores declaran que abandonarían un sitio web que tardó más de tres segundos en cargar.

¿Qué es la latencia y por qué es importante??

Hay tres componentes que contribuyen a la velocidad de entrega de datos: ancho de banda, latencia y rendimiento. Junto con el contenido y la codificación optimizados, estos elementos van de la mano. Los problemas con uno afectarán a los demás..

imagen que muestra la latencia y velocidad de la redBanda ancha es la tubería por la que viajan sus datos. El ancho de banda reducido reduce la cantidad de información que viaja a través de esa tubería en un momento dado. Esto conduce a problemas con la latencia y afecta el rendimiento.

Sitio web latencia se define como el tiempo que tarda la información en realizar el viaje de ida y vuelta desde el navegador al servidor y de regreso al usuario nuevamente. Rendimiento es la cantidad de datos que viaja a través de un servidor en un período de tiempo establecido.

Es el equilibrio óptimo de latencia (bajo) y ancho de banda (alto) que conduce a una entrega eficiente y un mejor rendimiento. Si ese saldo es desfavorable, los tiempos de carga de la página de su sitio web serán más lentos y la entrega de datos se retrasará.

Lo que contribuye a las altas tasas de latencia?

  • Propagación. Este es el período de tiempo necesario para que los paquetes de datos viajen de una fuente a otra..
  • Medio de transmision. Hemos recorrido un largo camino desde los días de acceso telefónico, pero el medio de transferencia todavía afecta la latencia. Incluso los avances tecnológicos como la fibra óptica y la WAN tienen limitaciones físicas que afectan las velocidades de entrega de contenido..
  • Enrutadores. Lo que podemos hacer con un clic del mouse o escribiendo una URL pone en marcha una cadena de eventos que nos permite acceder a Internet. A los ojos del usuario promedio, una solicitud se hace y se cumple a la velocidad de la luz. Sin embargo, depende de la capacidad de nuestro enrutador para analizar adecuadamente los encabezados de paquetes y otra información.

Cuanto más distribuida esté la red, más veces tendrá que saltar un paquete de enrutador a enrutador. Esto contribuye a una alta latencia..

  • Almacenamiento. Los retrasos se producen cada vez que un paquete de datos se realiza correctamente o se almacena. El proceso se complica aún más por la cantidad de interruptores y puentes encontrados entre la solicitud inicial del navegador y la entrega. Ver relacionados: el mejor almacenamiento en la nube
  • Formateo La forma en que configure los archivos y administre las bases de datos de WordPress afectará la forma en que se leen y procesan las instrucciones y el código. El código limpio, delgado y elegante conduce a la eficiencia y la velocidad.
  • Tipos y tamaños de archivo. Es lógico que los archivos más pequeños y el formato más simple atraviesen una red de manera más rápida y eficiente. Los sitios web que tienen muchos gráficos y otros medios enriquecidos son contenidos que parecen más desordenados, y afecta la rapidez con que las páginas pueden cargarse por completo. Por eso es importante comprimir los archivos de tu sitio web.

Los beneficios de optimizar su sitio web

Ya sea que decida utilizar un creador de sitios web de alta calidad, contratar un diseñador web o construir su página web por su cuenta, teniendo en cuenta la seguridad y la velocidad del diseño mejorará la apariencia y la entrega de su contenido. Esto ayuda con Optimización SEO y proporciona un mejor experiencia de usuario (UX).

Los estudios muestran que puede llevar hasta 22 segundos para que un sitio web móvil cargue completamente la página de destino promedio. Imagine la ventaja que tendrá sobre la competencia si puede reducir sus tiempos de carga a siete segundos o menos.

15 maneras en que puede aumentar su velocidad web hoy

Los servidores de hoy pueden entregar tiempos de carga que miden en milisegundos en lugar de segundos. Además de controlar la tecnología que ofrece su contenido web a los visitantes, puede implementar una serie de cambios y ajustes para garantizar cargas de página consistentes y rápidas y una experiencia de usuario general más satisfactoria.

Aquí hay 15 formas en que puede aumentar la velocidad de su sitio web, y no afectarán en absoluto la calidad de su contenido o la estética del sitio.

1. Habilitar la compresión de archivos

La compresión de archivos no es nada nuevo. Todos hemos encontrado archivos que eran demasiado grandes para descargar y a los que podemos acceder después de comprimirlos. La misma idea puede ayudar a que su sitio web se cargue más rápido utilizando la compresión Gzip.

Para realizar esto instalando el complemento de compresión para su sistema de administración de contenido o manualmente a través del archivo .htaccess. Esto funcionará para CSS, JS, XML y HTML agregando el siguiente código:

AddOutputFilterByType DEFLATE text / plain
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / xml
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE application / xml
Aplicación AddOutputFilterByType DEFLATE / xhtml + xml
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / javascript
Aplicación AddOutputFilterByType DEFLATE / x-javascript

2. Eliminar complementos y extensiones innecesarios

Cuando construyes tu sitio web por primera vez, es tentador instalar y probar varios complementos. Algunos de ellos son geniales, pero muchos más terminan acumulando polvo en nuestros directorios. Establezca una regla para desinstalar inmediatamente cualquier complemento, extensión o complemento antiguo, innecesario o no compatible. Desactivarlos puede parecer la opción más fácil, pero eso puede causar problemas de seguridad y ponerlo en riesgo de infracciones y exploits.

Cuando se trata de la seguridad del sitio web, también es extremadamente importante centrarse en tener instalados los mejores complementos de WordPress y eliminar los innecesarios..

3. Optimizar HTTP

Hay dos formas de mejorar los tiempos de carga de la página a través de la optimización HTML. El primero es minimizar sus solicitudes HTTP. Puede lograr esto de varias maneras:

  • Use CSS en lugar de imágenes siempre que sea posible
  • Combine archivos CSS, JS y HTML para evitar la hinchazón y la redundancia
  • Diseñe páginas simples y limpias con menos elementos.
  • Habilitar el almacenamiento en caché
  • Reduzca la cantidad de redireccionamientos mediante la purga de páginas antiguas y enlaces rotos

La segunda forma en que puede optimizar HTML es habilitando Keep-Alive. Normalmente, cada solicitud de archivo inicia una acción separada. Al habilitar HTML Keep-Alive, está creando una conexión abierta que permanece así hasta que se cumplan todas las solicitudes del navegador. Simplemente copie este bit de código en su archivo .htaccess, rodeado de las etiquetas de apertura y cierre apropiadas:

IfModule mod_headers.c
Conjunto de encabezado Connection keep-alive
IfModule

4. Instale una red de entrega de contenido (CDN)

Redes de entrega de contenido (CDN) reducir los tiempos de carga de la página de la misma manera que los servidores. Estas redes se extienden a diferentes puntos del mundo, lo que permite que alguien en esa geolocalización acceda a su sitio web más cerca de su hogar..

Muchos servicios de alojamiento incluyen una CDN como parte de su servicio, así que verifique la disponibilidad antes de iniciar sesión con alguien. Ver relacionado – mejores CDN canadienses

5. Habilitar el almacenamiento en caché

El almacenamiento en caché deja una copia de su página web en el navegador del usuario hasta que se actualiza la página y se actualiza el contenido. Esto significa menos solicitudes HTTP y páginas para cargar. Cuando habilita el almacenamiento en caché, puede reducir los tiempos de carga de la página en 1,5 segundos. En una era en la que cada segundo cuenta, eso representa una gran diferencia.

El almacenamiento en caché en WP se puede habilitar con el complemento Rocket o mediante uno de los complementos gratuitos como WP3 Total Cache o Super Cache. Aquellos que usan HTML pueden habilitar el almacenamiento en caché a través de Etags, Expire u otros métodos. Los usuarios de Drupal pueden habilitar la memoria caché siguiendo estas instrucciones.

6. Minificar código JS y CSS

Puede mejorar los tiempos de carga de su página reduciendo la cantidad de codificación necesaria para realizar una acción. Comience creando un archivo separado para JS y CSS, y luego trabaje para reducir el espacio en blanco, eliminar comentarios innecesarios y combinar archivos o líneas de comando siempre que sea posible. Si no está seguro de cómo minimizar mejor el código sin crear otros problemas, existen herramientas de minimización disponibles que identificarán y corregirán la codificación hinchada.

7. Emplear JS asíncrono y carga de archivos CSS

Una vez que su código es sencillo y eficiente, puede modificar cómo se cargan los archivos en su página a través de la carga asincrónica. Esto cambia la forma en que el contenido se carga en su página al hacerlo de manera más eficiente.

Verá, la mayoría de los navegadores manejan las solicitudes cargando las páginas en orden, una a la vez. Esto se conoce como carga síncrona de páginas. Cada vez que el navegador encuentra una página que es sincrónica, detiene todas las demás actividades hasta que la página actual esté completamente cargada. Con la carga asincrónica, su navegador puede manejar algunas solicitudes simultáneamente, lo que significa tiempos de carga del sitio web más cortos.

La mayoría de los sistemas de gestión de contenido tienen un mecanismo para permitir la carga asincrónica de archivos CSS y JS. Por ejemplo, WordPress tiene una pestaña “Archivos estáticos” en su complemento Rocket que le permitirá habilitar esta función marcando las casillas correspondientes en la sección “Bloqueo de procesamiento CSS / JS”. El usuario no WP puede habilitar esto en JS utilizando el atributo asincrónico o diferido. Para CSS, intente escribir estilos para la primera pantalla en el encabezado de html para permitir la carga asincrónica de la primera página.

La carga diferida de JavaScript puede producir los mismos resultados, y se puede habilitar en la misma sección del panel WP Rocket que las preferencias de carga. Si está ejecutando un sitio en HTML, puede aplazar la carga de JS haciendo una llamada al archivo externo justo antes de la etiqueta del cuerpo en su código de esta manera:

8. Optimizar archivos de imagen

Uno de los mayores cerdos de recursos y bases de datos son las imágenes. Claro, las fotos se agregarán a su contenido, pero demasiadas también afectarán la velocidad y alejarán el tráfico. Si debe incluir imágenes en su sitio web, elija una o dos, reduzca su tamaño de archivo y escriba a algo más eficiente como .jpeg, o conviértalas en un collage en lugar de una galería de imágenes separadas. También puede moverlos a una plataforma creada para imágenes, como InstaGram, y un enlace simple a esa plataforma desde su sitio web.

Lo mismo se aplica al contenido de video, que se puede eliminar a un canal de YouTube. Ambas soluciones también ayudarán con el SEO, ya que puede optimizarlas por separado mediante el uso de una combinación de etiquetas alt para indexar imágenes y contenido de video y SEO en la página para la optimización general de la página. Uno de nuestros favoritos es Optimizilla..

9. Desactive Hotlinking y limite las acciones de redes sociales

Hablando de redes sociales e imágenes, harías bien en deshabilitar los enlaces activos en tu página web y limitar los recursos compartidos en las redes sociales. La segunda sugerencia parece contraria a todo lo que sabe sobre pruebas sociales, divulgación y compromiso, pero puede encontrar un equilibrio que respalde su presencia en las redes sociales sin afectar el rendimiento.

Esto nos lleva al problema de enlaces calientes. Los enlaces directos son un poco de tecnología que permite a otras personas tomar su contenido y usarlo en su propio sitio web o plataforma de redes sociales. También aumenta inadvertidamente su uso de recursos.

En lugar de vincular a imágenes o contenido en otro sitio web, o permitir que le roben, descárguelos y guárdelos en su servidor. Puede parecer contradictorio, pero vincular a otro contenido del sitio web puede tener la consecuencia involuntaria de permitir que el rendimiento del sitio potencialmente deficiente de otra persona afecte el suyo..

10. Reduce los scripts externos

Agregar scripts externos vi El código JS aumenta el número de solicitudes HTTP, lo que disminuye la velocidad del sitio web. Algunas secuencias de comandos externas son necesarias, por lo que no tiene que eliminarlas por completo. Pingdom le permite probar cada enlace externo para determinar cuáles están causando un problema.

Antes de agregar enlaces externos a su contenido web, asegúrese de que el sitio web de origen sea confiable o podría llevar sus problemas a su plataforma.

11. Encuentra y repara enlaces rotos

Cualquier enlace roto que termine con redireccionamientos o mensajes de error puede afectar la UX. Sin embargo, este consejo se refiere a los enlaces contenidos en sus archivos de imagen, JS o CSS. Busque y pruebe enlaces en el encabezado de sus archivos CSS y en la URL fuente de JavaScript. Puede buscarlos manualmente, examinando los registros del servidor o utilizando una herramienta de verificación de enlaces.

12. Optimiza tus bases de datos

El almacenamiento voluminoso de archivos definitivamente contribuye a un rendimiento lento. Desea un registro completo de cada acción por motivos de seguridad, pero cada vez que un complemento u otra función guarda datos, se acumula en su base de datos. Imagina todos esos pingbacks, spam o comentarios innecesarios, y acumula las revisiones acumuladas, y tienes una buena idea del problema.

optimización de bases de datos

Para evitar este problema, realice copias de seguridad periódicas seguidas de purgas para eliminar datos excesivos sin sufrir consecuencias no deseadas.

13. Use temas ligeros

Te sorprendería la diferencia con solo cambiar tu tema de algo torpe y cargado de código a un marco ligero. Si su sitio web parece lento y todos los demás elementos están bien, intente usar un tema más nuevo y más ligero. Esto significa profundizar en el historial de rendimiento del tema en lugar de buscar algo que se vea bonito.

Al igual que con los complementos, asegúrese de desinstalar el tema anterior en lugar de deshabilitarlo.

14. Elija un buen sistema de gestión de contenido

Sistemas de gestión de contenidos (CMS) son críticos para mantener una velocidad y rendimiento confiables. El más popular es WordPress, pero también hay Joomla, Drupal y muchos otros. Ofrecen la ventaja de la optimización de contenido y la disponibilidad de complementos o características que mejoran el rendimiento.

15. Elija su servicio de alojamiento con un ojo en el rendimiento

Puede ser tentador encontrar un servicio de alojamiento barato. Después de todo, su pan y mantequilla está en su plataforma, ¿verdad? Sin embargo, la optimización de todos los demás componentes que contribuyen al rendimiento eficiente no importará si su plataforma de alojamiento es deficiente.

Esto significa no solo elegir un plan que le permita manejar los picos de tráfico y el crecimiento, sino también encontrar un proveedor con la tecnología para respaldar el rendimiento. Los planes de alojamiento compartido están bien si recién está comenzando y usa más contenido estático. Sin embargo, su velocidad y disponibilidad de recursos a veces dependen de tener buenos vecinos..

Siempre que sea posible, opte por una red privada virtual de calidad (VPN) o un servidor dedicado. Esto le proporcionará los recursos, el almacenamiento y la disponibilidad necesarios para reducir el tiempo de inactividad y la latencia..

No te olvides de las pruebas y la evaluación continua

Saber qué ajustar y cuándo depende de saber qué problemas están afectando los tiempos de carga de la página y la velocidad general de entrega de contenido. Algunos servicios de alojamiento tienen herramientas integradas que puede usar para medir el rendimiento del sitio web. También hay una serie de métodos y herramientas que puede usar para medir la latencia y los tiempos de carga de la página.

No importa qué método o herramienta utilice, asegúrese de realizar una prueba desde una variedad de ubicaciones. Es lógico pensar que los servidores ubicados más lejos de la fuente tardarán más en entregar contenido. Las pruebas geográficas de varias ubicaciones lo ayudarán a medir las tasas de latencia. Cuando realice una prueba de velocidad, hágalo tanto con su CDN habilitado como deshabilitado. Esto lo ayudará a evaluar la efectividad de su CDN y otra tecnología.

¿Cómo funciona un CDN?

Una de las herramientas de prueba de velocidad más comunes y efectivas es Pingdom. Esta herramienta gratuita en línea es una manera fácil de determinar un rango de problemas con el rendimiento y la velocidad del sitio web. Simplemente ingrese su URL y la ubicación del servidor en el cuadro de búsqueda y presione “Iniciar prueba”. También puede comprar una suscripción premium para realizar pruebas más exhaustivas del tiempo de actividad y los tipos de contenido desde más de 70 ubicaciones de servidor.

Este es un ejemplo de una prueba de ping utilizando el DNS público de Google:

$ ping 8.8.8.8
PING 8.8.8.8 (8.8.8.8): 56 bytes de datos
64 bytes desde 8.8.8.8: icmp_seq = 0 ttl = 56 tiempo = 54.524 ms
64 bytes desde 8.8.8.8: icmp_seq = 1 ttl = 56 tiempo = 43.423 ms
64 bytes desde 8.8.8.8: icmp_seq = 2 ttl = 56 tiempo = 50.773 ms

Una herramienta de trazado de ruta rastreará el viaje del paquete de un servidor a otro, midiendo la ruta del navegador al host e identificando cualquier cuello de botella u otros problemas.

Aquí hay un ejemplo del informe del comando traceroute usando el mismo DNS de Google:

$ traceroute 8.8.8.8
traceroute a 8.8.8.8 (8.8.8.8), 64 saltos máximo, paquetes de 52 bytes
1 192.168.0.1 (192.168.0.1) 6.632 ms 9.659 ms 10.089 ms
2 10.89.0.1 (10.89.0.1) 29.867 ms 14.293 ms 30.259 ms
3 blk-212-126-117.eastlink.ca (173.212.126.117) 20.677 ms 19.575 ms 20.155 ms
4 ns-hlfx-dr002.ns.eastlink.ca (24.215.102.161) 30.093 ms 29.371 ms 30.796 ms
5 ns-hlfx-br002.ns.eastlink.ca (24.215.102.221) 29.540 ms 29.516 ms 29.989 ms
6 ns-hlfx-br001.ns.eastlink.ca (24.215.102.9) 26.678 ms 29.203 ms 30.787 ms
7 google.eastlink.ca (24.215.101.10) 49.027 ms 49.196 ms 90.601 ms
8 209.85.241.127 (209.85.241.127) 49.999 ms
72,14,239,75 (72,14,239,75) 48,939 ms
72.14.235.169 (72.14.235.169) 46.823 ms
9 google-public-dns-a.google.com (8.8.8.8) 49.465 ms 45.436 ms 43.772 ms

Hablando de Google, también tienen una herramienta gratuita para probar sitios web en busca de problemas de velocidad y rendimiento. Puede acceder a sus PageSpeed ​​Insights aquí.

La prueba no es una operación única. Su sitio web debe ser monitoreado durante todo el día usando la automatización y algunas de las herramientas disponibles para pruebas de rendimiento y velocidad. para que los resultados tengan algún significado. Esto lo ayudará a identificar cualquier problema antes de que se convierta en un problema costoso..

Pensamientos finales

A medida que las redes se vuelven más abarrotadas y distribuidas, la latencia se vuelve más probable. Nuestro objetivo es proporcionarle la información que necesita para mejorar el rendimiento y la velocidad de su sitio web. Además de elegir el mejor servicio de alojamiento web para sus necesidades y presupuesto, la optimización de su contenido y cómo se entrega contribuirá en gran medida a eliminar muchas de las causas del tiempo de inactividad y el rendimiento lento.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

About the author