Generalidades
Este artículo ofrece algunos consejos sobre cómo mejorar el rendimiento de tu sitio web y diagnosticar por qué puede no funcionar con la máxima eficiencia posible.
Este artículo de optimización se aplica a sitios web creados a medida con HTML/CSS/JS y cualquier otro lenguaje de backend como PHP.
Revisa estos artículos si creaste tu sitio usando el instalador de WordPress de DreamHost.
Optimizar CSS y JavaScript
Minificar tus scripts
Los archivos CSS y JavaScript tienen mucho espacio vacío, lo que hace que sean más fáciles de leer para los humanos. Cuando minimizas el código, eliminas todo ese espacio vacío. Esto hace que el archivo sea más pequeño y puede ayudar a que se cargue más rápido.
Una búsqueda rápida en línea mostrará muchos sitios web y herramientas disponibles para minimizar tu código.
CSS
Optimizar la entrega de CSS
Se puede optimizar el CSS para mejorar la carga inicial de la página. Revisa el siguiente artículo para obtener más detalles:
JavaScript
Usar un CDN para cargar jQuery
Si tu sitio utiliza jQuery, cárgalo en tu documento HTML utilizando una CDN en lugar de una versión local en tu servidor web. Cargar jQuery desde una CDN como Google puede ayudar a acelerar la carga de la página. Esto se debe a que es muy probable que sus visitantes ya hayan visitado varios sitios que utilizan una CDN de jQuery (como Google o Microsoft). Como ya han descargado la biblioteca jQuery en tu navegador, ya está almacenada en caché y no será necesario volver a descargarla. Las siguientes páginas enumeran las opciones de la CDN de jQuery:
- code.jquery.com/
- developers.google.com/speed/libraries/#jquery
- learn.microsoft.com/en-us/aspnet/ajax/cdn/overview#using-jquery-from-the-cdn
- w3schools.com/jquery/jquery_get_started.asp
- cdnjs.com/libraries/jquery
Optimizar la entrega de JavaScript
El código JavaScript se procesa a medida que el navegador lee la página web (de arriba a abajo). Cuando se encuentra un archivo JavaScript, el navegador deja de procesar la página hasta que el archivo JavaScript se haya leído por completo. Esto se denomina "bloqueo de procesamiento de JavaScript" y podría causar una demora mientras se carga la página.
Si no se necesita un script para cargar la página, pospón la carga hasta que la página se haya cargado por completo. Esto puede ayudar a que las partes más importantes de la página se carguen primero. Revisa los siguientes artículos para obtener más información:
Comprueba si hay guiones mal escritos
A veces, un script mal escrito o un script que entra en conflicto con otros elementos del sitio puede hacer que el sitio sea lento y tenga un rendimiento deficiente. Prueba a ejecutar una prueba de página completa en cualquiera de los siguientes sitios:
Se deben investigar los scripts que tardan mucho en cargarse para ver si se pueden optimizar mejor. También puede resultar útil deshabilitar un script para probar si al desactivarlo mejora el rendimiento.
Optimizar los Medios
Imágenes
Las imágenes suelen ser una de las principales causas de lentitud. Tener un megabyte o más de imágenes ralentizará significativamente tu sitio porque lleva más tiempo descargar todos los archivos del sitio. Optimizar tus imágenes ayuda a reducir el tiempo de carga de la página.
Revisa la siguiente página para obtener más información:
Video
Asegúrate de comprimir tus videos para reducir el tamaño total. Si son demasiado grandes, los videos pueden pausarse o almacenarse en búfer mientras el usuario intenta verlos.
También es una buena idea convertir los vídeos a un formato compatible con HTML5. Esto garantiza que la mayor cantidad de navegadores puedan verlos.
Caché
Una memoria caché es un área de almacenamiento temporal para distintos tipos de datos informáticos. Por ejemplo, el almacenamiento en caché del navegador permite que los archivos de páginas web, como imágenes, CSS y JavaScript, se almacenen en caché (se almacenen) en el navegador. Dado que esos archivos ya están almacenados, la próxima vez que visites el mismo sitio web, tu navegador no necesitará descargarlos nuevamente, lo que da como resultado una experiencia de navegación más rápida.
Existen muchos tipos diferentes de opciones de almacenamiento en caché para sitios web. A continuación, se muestran algunos ejemplos comunes:
- Cloudflare — (Caché de Cloudflare)
- OPcache — (Caché de PHP)
- WordPress WP Super Cache — (Plugin de almacenamiento en caché para sitios de WordPress)
Red de Distribución de Contenido (CDN)
Puedes utilizar una CDN para entregar archivos estáticos, como imágenes, videos, CSS, y archivos JavaScript, lo que puede ayudar a acelerar la entrega al usuario final.
Servidor web y base de datos
Servidor web
También es posible que haya un problema con el servidor web DreamHost en el que está alojado tu sitio. Revisa este artículo para ver ejemplos de línea de comandos (SSH) que puedes usar para solucionar problemas en tu servidor.
PHP
OPcache es un motor de almacenamiento en caché integrado en PHP que ayuda a mejorar la velocidad del sitio web automáticamente.
- Está habilitado de forma predeterminada en los planes de alojamiento Shared, DreamPress, y VPS.
- Si tiene un plan de Alojamiento DreamCompute, revisa este artículo para obtener instrucciones sobre cómo habilitarlo manualmente.
Además, asegúrate de probar todos los scripts PHP. Los scripts PHP que no finalizan correctamente pueden hacer que se omitan procesos por alcanzar el límite de procesos de FCGI, lo que puede provocar lentitud en el sitio.
Bases de datos
Tu base de datos MySQL puede funcionar lentamente si tiene una "sobrecarga" excesiva (espacio vacío sin usar). Esto puede provocar que las consultas a la base de datos demoren más y puede provocar que el servidor web agote el tiempo de espera antes de poder recibir la respuesta del servidor de base de datos.
Revisa este artículo para obtener instrucciones detalladas sobre cómo optimizar tu base de datos usando phpMyAdmin o SSH.
Solución de problemas de red
Traceroute
La herramienta Traceroute se utiliza a menudo para solucionar problemas de red. Al mostrar la ruta de red recorrida desde una computadora hasta un destino final, puede ayudar a identificar enrutadores que están obstruidos o que causan una demora.
Proveedor de Servicios de Internet (ISP)
Consulta con tu proveedor de servicios de Internet para ver si actualmente tiene problemas de conectividad o bloquea tu tráfico de alguna manera. Algunos ejemplos incluyen congestión de red, limitación del ancho de banda e incluso filtrado de contenido.
Herramientas de red
Prueba la velocidad de Internet local en un sitio como speedtest.net. Esto puede ayudar a confirmar si tu conexión local tiene problemas de conectividad.
Otras opciones incluyen herramientas de red y herramientas de carga de sitios para verificar diferentes partes de una red.