Tecnología
25 de Julio del 2021 a las 09:36 PM
Braylin Payano
619 Visitas
Optimización de sitio web | Imagen de dominio publico
La optimización de tu pagina web garantiza una mejor experiencia de usuario y los primeros lugares en los motores de búsquedas
La optimización de tu sitio web es un tema bastante delicado he importante para lograr el posicionamiento de tu sitio web en los motores de búsquedas, de hacer estos pasos de la manera correcta estarías contribuyendo para que tu sitio web sea mucho mas liviano y por lo tanto tenga una mejor experiencia de usuario.
La mala optimización es la causa por la que muchos sitios web pierden usuarios y no son tomadas en cuenta por los motores de búsquedas. Según un estudio mas del 70% de los usuarios salen de tu sitio web cuando este tarda mas de 6 segundos en cargar y un 20% de ellos sale del sitio si tarda 4 segundos cargando. Mejorar la velocidad del sitio es importante para no perder usuarios.
Antes de poner a prueba estos tips que te dare, es bueno que vayas a la pagina de PageSpeed Insights y coloques la dirección url de tu sitio web para que veas la puntuación de carga de tu sitio web para cuando finalices veas el resultado y te darás cuenta si es bueno el resultado
Como mejorar el tiempo de carga del sitio ?
Para mejorar el tiempo de carga de un sitio web tenemos que tener en cuenta algunos factores unos mas importantes que otros pero que todos combinados hacen de tu sitio un sitio web bastante rápido.
Las imágenes: Si existe un factor muy importante para tener en cuenta es el tema de las imágenes ya que estas pueden pesar mucho y subirlas tal cual a un sitio web no es una buena practica, existen muchas imágenes que son tomadas con cámaras profesionales que pueden llegar a pesar de 5 a 8 MB y subirla a tu sitio web es una locura ya que tu sitio aparte de cargar con sus scripts y pesos de él propio tendrá que cargar el peso de tu imagen.
Por suerte existen muchas paginas que pueden quitarle hasta un 70% de peso a tus imágenes, una imagen que peso 150KB esta puede llegar a pesar hasta 32KB sin perder calidad o incluso puedes convertir tus imágenes a formato webp.
I Love Img es una gran aliada para ayudarte quitar pesos a tus imágenes y hacer de tu sitio un sitio web optimizado para los motores de búsqueda y tus usuarios.
Algo que te ayudara con las imágenes son las dimensiones de estas mismas, una imagen muy grande contribuye a que que el peso sea mas grande y por lo tanto tarde mas para cargar la pagina web siempre tienes que definir las dimensiones de la imagen con los atributos de HTML5 height=”” width=””
Lazy loading: Este atributo de html será de mucha importancia agregarlo en tus etiqueta de imagen usarlo es muy fácil esto lo que hará es que cuando una persona entre a tu sitio web si todas tus imágenes tienen este atributo solo cargara las imágenes que estés viendo mientras que las demás la cargara a medida que hagas scroll a la pagina y las veas, es como un tipo de paginación pero créame que esto hace tus paginas web muy rápidas ya que solo cargara las imágenes que este viendo. Hay que aclarar que este atributo no esta disponible en todos los navegadores y solo lo esta en navegadores modernos como Chrome, pero no te preocupes porque en otros navegadores que no este disponible tu sitio web no se va a destruir porque implementes esta tecnología a tu sitio web.
Comprimir tus archivos JS: Los archivos js que son grandes o muy grandes debes de comprimirlos para que pesen menos, recuerda que debes eliminar el código que no necesitas para lograr una mejor optimización de tu sitio. Si no sabes donde comprimir tus código JavaScript o JQuery puedes utilizar WebSite Planet es muy sencillo de utilizar y hará que tus archivos de js pesen menos.
PD: WebSite Planet fue recomendado por Fabiola Castro
Pero no solamente puedes hacer esto con tus archivos js, también lo puedes hacer con tus archivos de CSS y así tus archivos pesaran mucho menos, recuera que hasta un 1KB de peso menos cuenta.
Y una vez hachas terminado de hacer estos pasos puede ir la la pagina de PageSpeed Insights y colocar la url de tu pagina para probar el nuevo resultado de optimización con los nuevos cambios.
Lazy Loading, HTML5, SEO, PageSpeed Insights
Recibe nuestras notificaciones
Agregate a nuestra lista de notificaciones
Suscribete para recibir todas las semanas nuestras mejores publicaciones