- ¿Cuánto tiempo permanecen los visitantes en su sitio web?
- ¿Cuántos de ellos se convierten en clientes que pagan?
- Cuánto pagas en concepto de CPC en la búsqueda paga.
- ¿Cuál es su posición en la búsqueda orgánica?
Desafortunadamente, la mayoría de los sitios web tienen un bajo rendimiento en lo que respecta a la velocidad de la página, y eso tiene un impacto negativo directo en sus ingresos.
Como profesionales del marketing digital, hay una cantidad casi infinita de cosas que podemos hacer durante el día, y nunca hay tiempo suficiente para hacerlas todas. Por ello, algunas quedan relegadas a un segundo plano.
Uno de los aspectos que más se retrasa es optimizar la velocidad de la página. Esto es fácil de entender, ya que la mayoría de las personas no comprenden la importancia de este detalle, a menudo pasado por alto, y no ven el valor de invertir tiempo y dinero en mejorarlo unos segundos o menos.
Lo que puede parecer una cantidad de tiempo insignificante para algunos especialistas en marketing, incluidos aquellos que se centran exclusivamente en la optimización de motores de búsqueda, ha demostrado ser monumental gracias a los datos de los gigantes de la industria y a nuestros propios datos analíticos.
Supongo que eres como yo y quieres maximizar tus resultados y, por supuesto, tus ingresos, ¿verdad? ¡Pues empecemos a hacer que tu sitio web sea más rápido que un rollo! (¡Qué buena imagen, ¿verdad?)
1. Deshazte del alojamiento web económico
Hoy en día, todos intentamos ahorrar dinero; al fin y al cabo, las suscripciones a Raven, SEMrush, Moz y todas las demás herramientas que usamos a diario se acumulan rápidamente. Es casi como tener un hijo más.
Una forma en que muchas personas intentan ahorrar dinero es eligiendo el tipo de alojamiento compartido barato. hosting Que abarrota tantos sitios web como caben en un servidor, como un grupo de payasos amontonados en un solo coche. ¡Al diablo con el rendimiento!
Claro, su sitio web estará disponible la mayor parte del tiempo como lo estaría con cualquier proveedor de alojamiento web, pero se cargará tan lentamente que sus visitantes se irán frustrados sin convertirse nunca en compradores.
“¡Pero si apenas se nota!”, insisten estos compradores de ofertas.
La cuestión es que quizá ni siquiera lo notes porque es tu bebé y lo amas.
Pero todos los demás sólo quieren entrar y salir de su sitio web lo más rápido posible.
Las personas quieren estar en tu sitio el tiempo justo para hacer lo que vinieron a hacer, ya sea obtener una respuesta, comprar un producto o cualquier otro objetivo específico. Si les das un pequeño respiro, es probable que detesten su experiencia y se vayan sin convertir.
Piénsalo así:
La mayoría de la gente ama a sus hijos incondicionalmente. ¿Pero el hijo de otra persona gritando, tirando cosas e interrumpiendo su noche en un restaurante? Lo odian. Lo mismo ocurre con tu sitio web.
¿Cuánta diferencia hay realmente?
Según un estudio realizado por Amazon, una diferencia de sólo 100ms, una unidad de tiempo que un humano ni siquiera puede percibir, fue suficiente para reducir sus ventas en un 1%. Walmart encontrado resultados similares.
Si esa pequeña unidad de tiempo tiene un impacto tan directo en las ventas, ¿qué tipo de impacto cree usted que tendrá un segundo extra o más?
Pero no termina allí, ya que la rapidez (o lentitud) con la que se carga su sitio web también tiene un impacto en la clasificación de búsqueda orgánica y en los costos de pago por clic.
En otras palabras, si su sitio web se carga lentamente, debe esperar que sus competidores que han invertido en esta área crítica le quiten el puesto.
En resumen: eviten el alojamiento web económico. Si lo venden como un producto básico (basándose principalmente en el precio), entonces tratarán a sus clientes como tal.
Hay muchos proveedores de alojamiento web optimizados para la velocidad, especialmente para sitios web de WordPress, y algunos de ellos tienen precios similares a las opciones económicas.
Así que pregunte, haga algunas pruebas e invierta en un proveedor de alojamiento web que le ofrezca el rendimiento necesario para satisfacer tanto a sus visitantes como a Google.
2. Reducir las llamadas HTTP
Cada archivo necesario para la renderización y el funcionamiento de una página web, como HTML, CSS, JavaScript, imágenes y fuentes, requiere una solicitud HTTP independiente. Cuantas más solicitudes se realicen, más lenta será la carga de la página.
Ahora bien, si eres como la mayoría de las personas con las que hablo, probablemente estés pensando: "¡Oh, no tengo que preocuparme por eso, Jeremy! Sé lo que hago y no agrego un montón de basura inflada a mi sitio web".
Eso puede ser parcialmente cierto. Puede que no añadas un montón de basura inflada a tu sitio web, pero en más del 90 % de los sitios web que encuentro, sigue ahí de todos modos.
Esa hinchazón no existe porque el Hada de la Hinchazón la haya colado mientras dormías. Existe porque la mayoría de los diseñadores web, independientemente de su habilidad o experiencia, no priorizan la velocidad de la página. La triste realidad es que la mayoría ni siquiera sabe cómo hacerlo.
Aquí es donde empieza el problema:
La mayoría de los temas cargan uno o más archivos CSS y varios archivos JavaScript. Algunos, como JQuery o FontAwesome, suelen cargarse remotamente desde otro servidor, lo que aumenta drásticamente el tiempo de carga de una página.
Esto se vuelve aún más problemático si consideramos los archivos CSS y JavaScript adicionales que añaden los complementos. Es fácil terminar con media docena o más de solicitudes HTTP solo de archivos CSS y JavaScript.
Si tenemos en cuenta todas las imágenes de una página, cada una de las cuales requiere una solicitud HTTP independiente, la situación se sale rápidamente de control.
- Fusionar archivos JavaScript en un solo archivo.
- Fusionar archivos CSS en un solo archivo.
- Reduce o elimina los plugins que cargan sus propios archivos JavaScript o CSS. En algunos casos, como con Gravity Forms, puedes desactivar su carga.
- Utilice sprites para las imágenes utilizadas con frecuencia.
- Utilice una fuente como FontAwesome o Ionic Icons en lugar de archivos de imagen siempre que sea posible, porque entonces solo es necesario cargar un archivo.
3. Incluya la barra diagonal final
Omitir la barra diagonal final en los enlaces que apuntan a su sitio web, ya sea desde fuentes externas (esfuerzos de construcción de enlaces) o desde su propio sitio web, tiene un impacto negativo en la velocidad.
Así es cómo transforman las estrategias de owned media:
Al visitar una URL sin la barra diagonal final, el servidor web buscará un archivo con ese nombre. Si no lo encuentra, lo tratará como un directorio y buscará el archivo predeterminado en él.
En otras palabras, al omitir la barra diagonal final, estás obligando al servidor a ejecutar una redirección 301 innecesaria. Aunque te parezca instantáneo, tarda un poco más y, como ya hemos dicho, cada pequeño detalle cuenta.
https://example.com (this is bad)
or
https://example.com/services (this is also bad)
vs
https://example.com/ (this is good)
or
https://example.com/services/ (this is also good)
4. Habilitar compresión
Habilitar la compresión GZIP puede reducir significativamente la cantidad de tiempo que lleva descargar sus archivos HTML, CSS y JavaScript porque se descargan como archivos comprimidos mucho más pequeños, que luego se descomprimen una vez que llegan al navegador.
No te preocupes: tus visitantes no tendrán que hacer nada adicional porque todos los navegadores modernos admiten GZIP y lo procesan automáticamente para todas las solicitudes HTTP.
5. Habilitar el almacenamiento en caché del navegador
Con el almacenamiento en caché del navegador habilitado, los elementos de una página web se almacenan en el navegador de sus visitantes para que la próxima vez que visiten su sitio, o cuando visiten otra página, su navegador pueda cargar la página sin tener que enviar otra solicitud HTTP al servidor para ninguno de los elementos almacenados en caché.
Una vez cargada la primera página y almacenados sus elementos en la caché del usuario, solo es necesario descargar los nuevos elementos en las páginas siguientes. Esto puede reducir drásticamente la cantidad de archivos que se descargan durante una sesión de navegación típica.
6. Recursos Minify
Al minimizar los archivos CSS y JavaScript se eliminan los espacios en blanco y los comentarios innecesarios para reducir el tamaño del archivo y, como resultado, el tiempo que lleva descargarlos.
Afortunadamente, esto no tiene por qué ser un proceso manual porque hay varias herramientas disponibles en línea para convertir un archivo en una versión más pequeña y minimizada de sí mismo.
También hay varios complementos disponibles para WordPress que reemplazarán los enlaces en el encabezado de su sitio web para sus archivos CSS y JavaScript habituales con una versión minimizada de ellos sin modificar sus archivos originales, incluidos complementos de almacenamiento en caché populares como:
- W3 Total Cache
- Super GT caché
- WP Rocket
Puede que sea necesario un poco de esfuerzo para conseguir la configuración correcta porque la minificación a menudo puede romper CSS y JavaScript, así que una vez que haya minificado todo, asegúrese de probar su sitio web exhaustivamente.
7. Priorice el contenido de la mitad superior de la página
Su sitio web puede parecer que se carga más rápido para el visitante si está codificado para priorizar el contenido que se encuentra por encima del pliegue de la página; en otras palabras, el contenido que es visible antes de que el visitante se desplace.
Esto significa garantizar que todos los elementos que aparecen por encima del pliegue también estén lo más cerca del comienzo del código HTML posible para que el navegador pueda descargarlos y renderizarlos primero.
También es fundamental incluir cualquier CSS y JavaScript que se requiera para representar esa área en línea en lugar de en un archivo CSS externo.
8. Optimizar archivos multimedia
Debido a que los dispositivos móviles con cámaras de alta calidad son comunes y los sistemas de gestión de contenido modernos como WordPress hacen que sea conveniente cargar imágenes, muchas personas simplemente toman una foto y la cargan sin darse cuenta de que, a menudo, la imagen es al menos cuatro veces más grande de lo necesario.
Esto ralentiza considerablemente su sitio web, especialmente para los usuarios móviles.
Optimizar los archivos multimedia de su sitio web tiene el potencial de mejorar enormemente la velocidad de su página, y hacerlo es relativamente fácil, por lo que es una buena inversión de su tiempo.
Optimizar imágenes
- Elige el formato ideal. JPG es perfecto para imágenes fotográficas, mientras que GIF o PNG son mejores para imágenes con grandes áreas de color sólido. Los archivos PNG de 8 bits son para imágenes sin canal alfa (fondo transparente) y los de 24 bits son para imágenes con canal alfa.
- Asegúrese de que las imágenes tengan el tamaño correcto. Si una imagen se muestra con 800 píxeles de ancho en su sitio web, no hay ninguna ventaja en usar una imagen con 1600 píxeles de ancho.
- Comprime el archivo de imagen. Además de ser el mejor programa de edición de imágenes, Adobe Photoshop ofrece increíbles capacidades de compresión de imágenes y su precio es desde $9.99 al mes. También puedes usar plugins gratuitos de WordPress, como Optimizador de imágenes WWW, Imsanityy TinyJPG, que comprimen automáticamente las imágenes cargadas.
Optimización de vídeo
- Elija el formato ideal. MP4 es el mejor en la mayoría de los casos porque produce el tamaño de archivo más pequeño.
- Sirva el tamaño óptimo (dimensiones) según el tamaño de la pantalla de los visitantes.
- Eliminar la pista de audio si el vídeo se utiliza en segundo plano como elemento de diseño.
- Comprime el archivo de vídeo. Suelo usar Adobe Premiere, pero Camtasia también es una buena opción.
- Reducir la duración del vídeo.
- Considere cargar videos a YouTube o Vimeo en lugar de publicarlos localmente y utilizar su código de incrustación iframe.
Pero no deberías detenerte ahí porque esto es apenas la punta del iceberg.
Para optimizar verdaderamente los medios en su sitio web, debe mostrar imágenes de tamaño adecuado según el tamaño de la pantalla en lugar de simplemente cambiar su tamaño.
Hay dos formas de manejar esto, según la implementación de una imagen.
- Las imágenes dentro del HTML de su sitio web se pueden servir utilizando el conjunto src, que permite al navegador seleccionar, descargar y mostrar la imagen adecuada según el tamaño de pantalla del dispositivo que utiliza un visitante.
- Las imágenes colocadas a través de CSS, generalmente como imágenes de fondo, se pueden mostrar mediante consultas de medios para seleccionar la imagen adecuada según el tamaño de pantalla del dispositivo que utiliza un visitante.
9. Utilice almacenamiento en caché y CDN
El almacenamiento en caché permite que su servidor web almacene una copia estática de sus páginas para que se entreguen más rápidamente al navegador del visitante, mientras que una CDN permite distribuir esas copias a servidores de todo el mundo para que el navegador del visitante pueda descargarlas del servidor más cercano. Esto mejora drásticamente la velocidad de la página.
___
by Jeremy Knauff
fuente: SEJ
