En una época en la que casi cualquier información está disponible en cualquier momento y desde cualquier lugar, los sitios web y otros contenidos en línea deben cumplir ciertos criterios para satisfacer a los usuarios (y, por tanto, también a los motores de búsqueda). Uno de estos criterios es el tiempo de carga. Le explicamos cómo puede analizar el rendimiento y luego optimizarlo para lograr mejores clasificaciones a largo plazo.
Optimizar el rendimiento significa mejorar la usabilidad
Imagínese que entra en un bar, tiene mucho apetito y simplemente no le sirven. ¿Qué ocurre? Exacto, abandonas el local a toda prisa y te vas a la competencia con la esperanza de conseguir allí algo de comer más rápidamente. Aunque no te vayas inmediatamente, es poco probable que vuelvas.
Bajo rendimiento = alta tasa de rebote
Si trasladamos este ejemplo al mundo digital, el chiringuito se convierte en el sitio web y la velocidad del servicio se convierte en el tiempo de carga de este sitio web. Si quiere jugar en la primera liga en términos de clasificación, debe pensar cuanto antes en su servicio, es decir, en su rendimiento. A Google le gusta clasificar los sitios web que son especialmente fáciles de usar. Además de un diseño coherente y una presentación clara de un tema, la facilidad de uso también incluye el tiempo de carga del contenido. Si la página tarda demasiado en cargarse, la tasa de rebote aumenta porque muchos usuarios hacen clic en el "botón atrás" y pasan al siguiente resultado de búsqueda en la SERP de Google.
Paso 1: Comprobación del rendimiento
Antes de mejorar el rendimiento de su sitio web, lo mejor es comprobar primero lo mal que está realmente su PageSpeed. Para ello puedes utilizar varias herramientas.
PageSpeed Insights
PageSpeed Insights es una herramienta proporcionada por Google que permite comprobar el rendimiento de una URL concreta en un abrir y cerrar de ojos. Lo ideal es recibir una calificación de "Bueno" tanto para el rendimiento en dispositivos móviles como para el rendimiento en el dispositivo de escritorio. Si el tiempo de carga no es tan óptimo, la herramienta califica el rendimiento como "Medio". Si la puntuación es "Baja", es necesario optimizar la página. Lo mejor es que Google le ofrece sugerencias de optimización directamente después del análisis.
Pingdom
¿Utiliza el Prueba de velocidad del sitio web de Pingdom para analizar el rendimiento de su página, observará que ofrece una imagen mucho más positiva de los tiempos de carga que PageSpeed Insights de Google. También tiene la opción de seleccionar diferentes ubicaciones de servidor para su consulta. Tras el análisis, la herramienta te muestra el tiempo de carga (con suerte en milisegundos), el grado de rendimiento de Google PageSpeed (debería ser A), el tamaño del sitio web y otra serie de datos.
Prueba de la página web
El análisis se hace aún más exhaustivo con la Herramienta de webpagetest.org. Aquí puedes seleccionar algunas ubicaciones de servidor más y, lo que es especialmente interesante, definir el entorno de prueba (modelo de smartphone, navegador, etc.). Los resultados son muy completos y proporcionan una base de datos excelente para ayudarte a optimizar el rendimiento de tu sitio web.
Paso 2: Optimización
Una vez que haya analizado dónde le aprieta el zapato el tiempo de carga del sitio web, puede empezar con la optimización.
Para que los datos de análisis proporcionados le resulten un poco más fáciles de entender: Las causas más comunes del bajo rendimiento son...
...grandes cantidades de datos,
imágenes sin comprimir,
un tema sobrecargado y
bases de datos y servidores lentos.
Repensar el tema y desactivar los plugins innecesarios
¿Tu sitio web funciona con WordPress o Joomla! y el tema premium que has comprado parece muy elegante? Eso está muy bien, pero no es raro que los temas estén completamente sobrecargados, lo que provoca tiempos de carga lentos del sitio web. Echa un vistazo para ver si hay algún tema más fino que se caracterice no sólo por su aspecto inmediatamente atractivo, sino también por su rendimiento.
Si el problema no está en el tema en sí, los plugins también pueden tener un impacto negativo en el tiempo de carga de los sitios web si se producen demasiados accesos a la base de datos. Esto ocurre sobre todo con los plugins menos conocidos y mal implementados. Simplemente comprueba qué plugins se han acumulado con el tiempo y desinstala todo lo que no necesites absolutamente.
Reducir las peticiones HTTP
Si se realizan menos peticiones HTTP, su sitio web se cargará lógicamente más rápido. Siempre se hace una petición al servidor cuando hay que cargar un archivo. Por tanto, si incluyes menos archivos (imágenes, scripts, etc.) en un documento, tu página también se cargará más rápido.
Consejo: Puede combinar varias hojas de estilo en un único archivo CSS y enlazarlo desde el área del documento HTML. Si se asegura de que no hay más especificaciones de estilo en línea en el documento HTML, el archivo CSS puede almacenarse en caché, lo que también acelera la carga de la página.
Optimizar las imágenes para la web
Un sitio web no puede prescindir de buenas imágenes (preferiblemente en formato .jpg) y gráficos (preferiblemente como archivos .png); al fin y al cabo, una imagen vale más que mil palabras. Sin embargo, es importante que estas imágenes estén optimizadas para la web a fin de evitar tiempos de carga prolongados. El error más común en este contexto es subir las imágenes al servidor en su tamaño original e incorporarlas al contenido exactamente igual.
Ejemplo: Si una imagen tiene un tamaño de 2500 x 1000 píxeles, pero sólo está integrada en un área de contenido de 750 píxeles de ancho, se mostrará después en un tamaño menor. Sin embargo, la imagen o gráfico debe seguir cargándose en su tamaño completo. Para evitar este lastre innecesario, conviene reducir siempre las imágenes al tamaño en el que realmente se van a mostrar.
Por cierto: en cuanto se llama a una URL, suelen cargarse automáticamente todas las imágenes, incluso las que aún no son visibles, por ejemplo, porque no se está desplazando tanto hacia abajo. Para cargar imágenes sólo cuando sea necesario, puede utilizar plugins como Crazy Lazy utilizar. Y para darle otro consejo plugin de inmediato: WP Smush.it comprime automáticamente el tamaño de las imágenes al cargarlas. También puedes utilizarlo para optimizar posteriormente las imágenes ya cargadas.
Compresión gzip
No sólo se pueden comprimir las imágenes, sino también los archivos del sistema (por ejemplo, de WordPress). ¿Cómo funciona? Sencillamente con Gzip, un programa de compresión gratuito que, al igual que el formato de archivo, está disponible para todos los sistemas operativos. Basta con insertar un fragmento de código en el archivo .htaccess. Con WordPress, no es necesario hacerlo manualmente, sino que puede recurrir a plugins como Compresión de velocidad Gzip Ninja a la que recurrir. Joomla también tiene extensiones correspondientes que hacen exactamente lo mismo.
Utilizar la caché
Como usuario de WordPress, también necesitas un buen plugin de caché. El almacenamiento en caché crea versiones estáticas de todas las páginas en lugar de crearlas dinámicamente, con grandes efectos en la velocidad de carga de todo el sitio web. Un plugin de caché muy bien escrito para WordPress es Cachify. Con el plugin W3 Total Cache obtendrá un paquete completo sin preocupaciones. Alternativamente Cohete WP un pequeño cohete de tu lado.
Consejo extra:
Para acelerar aún más su sitio web, puede eliminar los espacios y saltos de línea innecesarios de HTML, CSS y JavaScript. Como esto hace que todo el código sea más esbelto, el tiempo de carga también se reduce. Lo único que se deteriora es la claridad del código. Lo mencionado anteriormente Plugin W3 Total Cache le ofrece como usuario de WordPress una función llamada "Minify" en este punto. Sin embargo, esto sólo funciona especialmente bien si define cómo deben cargarse los scripts Java en el modo manual del propio plugin. Como esto no es realmente adecuado para principiantes en particular, le recomendamos que utilice la función Plugin Autoptimise.
