La información se encuentra en muchos lugares, pero en ninguno de forma tan práctica y rápida como en internet. La velocidad es una de las principales características de este servicio y, con innumerables opciones de fuentes, los sitios web para atraer a los usuarios y retenerlos deben ofrecer contenido de calidad y funcionar a la perfección, después de todo, en la era del inmediatismo, nadie va a esperar que una página cargue por más de 5 segundos.
Para ayudarte, hemos separado 10 consejos que harán que tu sitio sea más rápido:
Elimina los bytes innecesarios
Reduce el tamaño de tu código eliminando los espacios en blanco, sangrías y saltos de línea. Puedes hacerlo manualmente o usar algunos programas específicos que existen en internet, como el YUI Compressor para CSS, o el Closure Compiler y el JSMin, que comprimen el código Javascript.
CSS externo
Los estilos codificados dentro de las propias páginas dejan el sitio desorganizado porque se descargan cada vez que alguien las accede, mientras que un archivo CSS externo se descarga solo una vez en el escritorio del visitante.
Imágenes
Las imágenes con grandes dimensiones tardan en cargar, al igual que un gran volumen de imágenes. Si son extremadamente necesarias, elige las más pequeñas posibles o opta por comprimirlas para que queden en un tamaño accesible sin perder calidad. Esto se puede hacer en Photoshop o con algunas herramientas disponibles en la web que permiten este tipo de optimización.
Otro consejo es colocar las dimensiones de altura y ancho de las imágenes en el HTML, así el navegador las leerá más rápidamente.
Sprite
El CSS tiene un recurso que permite compilar varias imágenes de un sitio web en una sola y luego manejarla con el código, lo que reduce considerablemente el número de solicitudes al servidor.
Carga bajo demanda
Otra técnica que se puede usar es la carga de imágenes bajo demanda, que carga las imágenes de acuerdo con el desplazamiento de la página. De esta manera, solo una parte del contenido es visible, y como la carga es fragmentada, es más rápida.
Tablas
Las tablas HTML confunden al navegador, dificultando la carga de la página. Prefiere los láseres CSS que funcionan mejor y sin interferir en la velocidad.
Corta recursos secundarios
Es claro que quieres que tu sitio web sea lo más completo posible, pero de nada servirá si el usuario se cansa antes de ver todas las opciones que ofrece. Recursos secundarios como murales, pronósticos del tiempo, pestañas y chats deben ser eliminados, a menos que sean imprescindibles para tu propuesta, o divide las páginas con exceso de contenido.
Medios
Prefiere elementos que solo se ejecutan cuando se activa el play, como videos por ejemplo. Animaciones y medios alternativos en Flash o QuickTime, que se cargan automáticamente con la página, pueden no ser tan relevantes y convertirse en un peso innecesario.
Enlaces
Tener enlaces al perfil de la empresa en las redes sociales en el sitio web es un gran recurso para aumentar el compromiso, pero los enlaces a sitios de terceros, como LinkedIn o Facebook, por ejemplo, pueden hacer que la página sea lenta si la referencia a ellos está al principio del código de la página. No elimines los enlaces, solo reubícalos al final, así no correrás el riesgo de que el resto de los elementos de la página queden atrapados en la fila antes de ser cargados.
CloudFlare
El CloudFlare es una red de entrega de contenido que tiene un sistema de distribución de páginas a través de varios servidores repartidos por el mundo. Tiene un optimizador de código HTML, CSS y JavaScript, que comprime y reduce los archivos de los sitios, optimizando la versión final para los usuarios.
Para usar el servicio, solo necesitas registrarte en la plataforma y configurar el dominio.