TIEMPOS DE CARGA DE UNA PAGINA WEB DESE QUE SE HACE UNA PETICIÓN HASTA QUE EL USUARIO VE LA WEB

Fecha actualización el 12 de Septiembre del 2016. Fecha publicación el 18 de Enero del 2015. Categoría: Web Oscar olg
Tiempos de carga web

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

COMPARTIR EN:
Compartir en Google+

QUE ES LA THREAT INTELLIGENCE: Threat Intelligence es el conocimiento necesario para identificar y prevenir posibles amenazas de seguridad para tomar las decisiones mas apropiadas a cada situación

SMARTPHONE HTC ONE A9 CARACTERISTICAS: La camara del One A9 dispone de un estabilizador óptico de Imagen, y las fotos son sacadas en formato RAW con lo que se garantiza la maxima calidad y realidad de la foto

FIREFOX 42.0 MEJORAS DE LA VERSIÓN: Cambios y novedades de la nueva versión de Mozilla Firefox 42 lanzada el 3 de noviembre del 2015

ANDROID FALLOS DE SEGURIDAD Y VULNERABILIDADES. MEDIASERVER Y TELEFONIA: Multiples fallos el 2 de noviembre en mediaserver y la telefonia de Android 5.X

ROUTERS LINKSYS ESPECIFICACIONES TECNICAS: Comparativa desde el punto de vista tecnico de cinco routers inalambricos de doble banda Linksys

¿QUE ES EL RANKBRAIN?. LA TABLA PERIODICA DE FACTORES SEO: Descripción de las factores que intervienen en la tabla periodica del Seo que te ayudaran en la obtención de mas visitas organicas para tu web.

GUIA DE INSTALACIÓN Y TUTORIAL DEL ANDROID STUDIO: Android Studio instalación configuración y caracteristicas. Como crear el primer proyecto

Entra aqui si deseas ver mas temas relacionados con webs, wordpress, gestores de contenido, webmasters, community manager