DEV Community

Felipe Salazar
Felipe Salazar

Posted on

Optimización de tus sitios web, cargan más rápido = mejor interacción de usuarios.

Después de dos noches trasnochando capacitándome y buscando información al respecto, al fín pude mejorar mi tiempo de carga en el tester para sitios web, al 99%, gracias a un artículo/post que leí en reddit(sí, reddit, tiene sus cosas, pero en general es un medio para encontrar información muy valiosa en el área de la programación) de un programador web de Usa, que, al igual que yo nos desenvolvemos en el área de construir sitios web para empresas y negocios medianos y pequeños, dejo mi sitio web al final del post, para que prueben la velocidad de carga y de paso vean mis proyectos que he hecho. Aquí escribo parte de lo que aprendí:

Muchos programadores web, subestiman la etapa o fase de optimización de recursos a la hora de publicar o desplegar su sitio web, he visto páginas web que sin razón aparente demoran mas de 5 segundos en cargar, esos 5 segundos son demasiados para la atención de un usuario promedio que se topa con tu sitio web, el periodo máximo de atención es de 3s, claro, si tu página web tiene videos incluidos, es razonable esperar un periodo de carga un poco mas extenso, sin embargo, a la hora de escribir código, es esencial hacerlo con la versión para celulares o móviles en mente, escribe tu css en móvil primero, así aumentará la velocidad de carga, cuando el motor del navegador lee tus archivos, busca responsividad, y la primera que encuentre,esa es la que desplega de primero, si encuentra en tus archivos css que está escrito principalmente en versión de pc de escritorio,entonces cargará esa versión, asi que si un usuario carga desde el celular, el motor del navegador tendría que leer o analizar doble vez hasta encontrar la versión adecuada para el usuario.

Otro factor a tener en cuenta es qué tan optimizadas están tus imágenes, me refiero a que tanto pesan? 1 mb? 2mb?, cuanto pesa en total la carpeta completa de tu sitio web al momento de desplegarlo?, si pesa mas de 3 mb, o 10 mb(en caso de los que incluyen videos), es mejor dedicar media hora de tu tiempo a comprimir las imágenes y videos. luego de comprimirlas, es aconsejable convertirlas a formato webp, el formato webp es mucho más rapido en cargar, más liviano a la vez que mantiene la calidad o definición de la imagen. Después de seguir estos pasos lo más probable es que tu sitio web que pesa 39 mb, ahora pese 2 o 3 mb, al desplegarlo y cargarlo en un móvil o incluso en una dekstop, verás la velocidad de carga óptima que debe tener todos los sitios web que despliegues de ahora en adelante, para asegurarte más pásalo por un tester online de sitios web, lo más probable es que veas resultados de optimización del 99 o 100%.

Mi sitio web :

digitalwebdesign.tech

Top comments (0)