La rapidez de carga de una web es uno de los aspectos que hay que tener en cuenta a la hora de obtener un resultado satisfactorio en el diseño y creación de una pagina web.
Lo primero vamos a enumerar y describir los elementos que intervienen en la rapidez de carga de nuestra web:
- 1. El servicio o servidor de dns que tiene asociado nuestro dominio.
- 2. El alojamiento o servidor donde esta el contenido de nuestra web.
- 3. El código con el que esta creado la pagina web.
- 4. La velocidad de conexión de internet que tenga el usuario que nos visita la web.
- 5. El ordenador, portátil, tablet o smartphone del usuario que nos visita.
- 6. El navegador y el software instalado en el equipos del usuario.
Los puntos que podemos mejorar desde el punto de vista del diseñador de una web son el 1,2 y el 3.
SERVIDOR DE DNS
El servidor de DNS establece la comunicación entre nuestro nombre de dominio y el alojamiento donde esta el contenido de nuestra pagina web.ALOJAMIENTO WEB
Son un conjunto de servidores que hacen que una web sea visualizada correctamente, entre los diferentes servidores de que dispone un alojamiento están:El servidor General: Es el servidor principal que coordina el funcionamiento de los dominios alojados en ese servidor y del resto de los servidores. Un servidor Apache seria un ejemplo de servidor principal.
El servidor de correo electrónico.
El servidor de la base de datos, habitualmente suele ser el Servidor MYSQL
Ademas hay otros módulos que intervienen en el alojamiento como: El Firewall o cortafuegos instalado, el antivirus, el modulo php o asp, las copias de seguridad.
CODIGO DE PROGRAMACIÓN
La forma mas habitual de diseñar una web es utilizar un gestor de contenidos como Wordpress, Joomla, prestashop y otros tantos.USUARIO
La ultima parte en la carga de una web es la parte del usuario, la velocidad de conexión que utiliza, el estado del ordenador que utiliza, el software que tiene instalado, desde que país nos visita, todos estos aspectos no los podemos controlar, ya que no dependen de nosotros.En el diseño de una pagina web que utiliza el gestor de contenidos de Wordpress se emplea los siguientes lenguajes de programacion: Html, css, php, Javascript, sql
Al final deberíamos de conseguir un tiempo de cargar total inferior a un segundo, independientemente de como este diseñada la web y que usuarios nos visiten.
ELEMENTOS TECNICOS QUE INTERVIENEN EN MEJORAR EL TIEMPO DE CARGA DE TU WEB
- Configurar ventana gráfica
- Adaptación del contenido a la ventana gráfica
- Evitar los plugins
- Utilizar tamaños de fuente que se puedan leer
- Especificar caché de navegador
- Minificar JavaScript
- Minificar CSS
- Minificar HTML
- Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página
- Evita los re direccionamientos a páginas de destino
- Habilitar compresión
- Optimizar imágenes
- Prioriza el contenido visible
- Reducir el tiempo de respuesta del servidor
ASPECTOS CONCRETOS PARA MEJORAR EL TIEMPO DE CARGA DE UNA WEB
Los archivos .js a los que se hagan referencia en tu web añadelos al final de la pagina antes de la linea/body
de esta forma: script async src="archivo1.js archivo2.js"
El contenido de los archivos .css añadelos antes del
dentro de las etiquetas style.../style
.
Ajusta las imagenes a un tamaño en bytes adecuado que no sea excesivo, ten en cuenta que tu web es responsive con lo que la misma imagen se adapta a diferentes resoluciones de pantalla.
Al inicio de la pagina evita colocar imagenes, videos y Flash dependiendo de como este estructurada la pagina suele producir el aviso prioriza el contenido visible en la herramienta de google PageSpeed Insights.
Corrige los errores producidos al chequear tu pagina en W3C Validator
Evita el codigo javascript externo a tu web, es lo que mas tiempo de carga consume, y a veces se puede sustituir por otros elementos con el mismo resultado
Revisa el
.htaccess
comprobando que tenga aspectos relacionados con la compresion de imagenes y el cache de los archivos