Con tantos sitios web en internet, es absolutamente esencial tener una página que sea fácil de usar, funcional y rápida. No importa la calidad de su contenido, si sus páginas tardan mucho en cargarse, lo más probable es que los visitantes abandonen su sitio. Para ayudar a evitarlo, hemos recopilado una serie de consejos que en DiseArt Studio
aplicamos en todos nuestros proyectos de diseño web y creación de tiendas online.
Almacenamiento en caché estático
Mucha gente usa sistemas de gestión de contenido, como WordPress, para su sitio web. Una característica de estos sistemas es que crean las páginas de forma dinámica. Esto aumenta los tiempos de carga del sitio web y sobrecarga el servidor. Pero puede resolver este problema fácilmente almacenando en caché las búsquedas y páginas de la base de datos, de modo que exista su versión estática y más conveniente. WP Super Cache es un complemento muy útil para WordPress que
lo ayudará con el almacenamiento en caché estático. En la práctica, en lugar de que el sitio tenga que generar dinámicamente el contenido solicitado, los usuarios del sitio web recibirán una versión en caché estática, lo que reducirá
la velocidad de carga del sitio web en el proceso.
Pero no se detenga con este único ajuste de WordPress, ya que hay más cosas que puede hacer para que todo el sitio funcione más rápido si está utilizando WP. Elegir el marco adecuado, usar una red de entrega de contenido y optimizar su base de datos de WP son algunas de las cosas más importantes que debe manejar. Conocer los detalles de lo que puede hacer para optimizar WordPress proporcionará una disminución notable en lo que respecta al tiempo de carga de su sitio web.
Si no usa WordPress, sino HTML estático, deberá modificar el archivo .htaccess. Establezca la vida útil de la caché de todos los activos estáticos en no menos de una semana y no más de un año. Estos archivos estáticos incluyen diferentes
archivos multimedia, imágenes, PDF, CSS y JavaScript.
Reducir el peso de las imágenes
Las imágenes grandes son una de principales cosas que aumentan la velocidad de carga del sitio web. Cuanto más grandes sean sus imágenes, más tiempo tardará en cargarse la página. Por lo tanto, cuando sea posible, reduzca el tamaño de
las imágenes mediante el uso de software como Photoshop o una de las aplicaciones online como por ejemplo, Resize Image o PicResize.
El simple hecho de cambiar el tipo de archivo de sus imágenes también le ayudará a reducir la velocidad de carga de la página. Dependiendo del tipo de archivo, puede preservar en gran medida la calidad de una imagen manteniendo el tamaño
pequeño, porque diferentes tipos de archivos funcionan mejor con diferentes imágenes. Para imágenes transparentes, PNG es el mejor formato. Si sus imágenes no tienen muchos colores (por ejemplo, si es una imagen de un logotipo),
entonces GIF es el formato a utilizar. Finalmente, use JPEG para fotografías y otras imágenes que tengan muchos detalles y colores.
Minimizar y comprimir archivos
La compresión funciona de maravilla con los tiempos de carga, así que asegúrese de tomarse en serio la compresión. Con la compresión HTTP del contenido de su sitio web, los navegadores de los usuarios pueden acceder a los datos al
recibir un solo archivo. Sin él, los datos se envían en una gran cantidad de archivos, lo que ralentiza el sitio web. Cuantas más solicitudes de datos diferentes haya, más lento será el tiempo de carga.
La solución a una gran cantidad de solicitudes radica en minimizar y combinar aspectos de componentes HTML, JavaScript y CSS. La llamada minimización ocurre cuando eliminas todas las partes innecesarias de un código inflado. Los problemas con
el código desordenado pueden ocurrir por varias razones, la mayoría de las veces si ha utilizado un creador de sitios web que funciona con plantillas. Dicho código incluye sangrías, saltos de línea y espacios «en blanco» innecesarios. Estas son todas las cosas que hacen que el código sea descuidado, y eso significa un sitio web innecesariamente más lento. Después de minimizar, el siguiente paso es combinar archivos JavaScript y CSS. Si tiene un sitio web administrado por WordPress, use un complemento útil llamado WP Rocket para ayudarlo a solucionar este problema fácilmente.
Ubicación de las referencias de la hoja de estilo
Hay algunos ajustes de codificación fáciles que puede hacer que contribuirán en gran medida a reducir la velocidad de carga de la página. Estos están relacionados con la ubicación de las referencias de la hoja de estilo y el script. Es decir, las
referencias a la hoja de estilo deben estar en la parte superior de su código HTML, mientras que las referencias a los scripts deben estar en la parte inferior. Colocar las referencias de la hoja de estilo en el encabezado del documento HTML del sitio web significa que los estilos se cargarán en progresión y, por lo tanto, las páginas se cargarán más rápidamente.
En cuanto a las referencias del script, bloquearán todo lo que se coloque debajo de ellas en la carga inicial de las páginas. Esto se debe a que para cada nombre de host, los navegadores no pueden descargar más de dos elementos simultáneamente. Por lo tanto, colóquelos lo más bajo posible en el código HTML. Obtendrá los mejores resultados si se encuentran junto a la etiqueta final del ‘cuerpo’.
Cambie a proveedores de alojamiento y DNS más rápidos
A veces, la velocidad de carga depende de algunos factores externos que no pueden cambiar las correcciones manuales. Por un lado, un DNS lento (sistema de nombres de dominio) puede causar such problemas. Este es un servidor que, de
alguna manera, traduce la dirección de su sitio web en una dirección IP, de modo que cuando un usuario escribe su dirección, es llevado a su sitio web. De esta forma, los usuarios no tienen que memorizar la dirección IP de su sitio
web. Sin embargo, aunque todos los sitios web utilizan un proveedor de DNS, no todos los proveedores son lo suficientemente rápidos. Si ese es el caso de su proveedor, es una buena idea cambiar a uno más rápido. Utilice esta Comparación de velocidad de DNS para comparar diferentes proveedores de DNS.
De manera similar, también puede experimentar problemas de velocidad de carga con su proveedor de alojamiento. Si obtiene poco tráfico, la opción de alojamiento más barata probablemente funcionará. Sin embargo, con el aumento del tráfico, los usuarios comenzarán a experimentar problemas de carga. Los servidores compartidos son los más baratos, pero también los menos convenientes, porque los está compartiendo con otros propietarios de sitios web.
Por lo tanto, opte por servidores VPN o, si está ejecutando un sitio web grande y con mucho tráfico, un servidor dedicado podría ser lo mejor para sus necesidades. Con el alojamiento VPN, tiene garantizado una parte de los recursos del
servidor, que no compartirá con nadie más. Si solo está después de reducir la velocidad de carga de la página, es probable que un servidor VPN sea suficiente. Un servidor dedicado, por otro lado, proporciona mucho más espacio y también tiene acceso a varias opciones de configuración. Este es un tipo de servidor para aquellos propietarios de sitios web que necesitan más espacio y control que la mayoría.