1
UNIVERSIDAD LATINOAMERICANA DE CIENCIA Y TECNOLOGÍA
INGENIERÍA INFORMÁTICA
16-0015 PROGRAMACIÓN DE APLICACIONES Y SERVIC...
2
¿Qué se puede hacer para acelerar la entrega de contenido en
Internet?
Con la evolución de la tecnología, la manera de v...
3
El sitio Mi Posicionamiento Web (2014) señala 3 aspectos principales por los
que las empresas que tienen sitios Web se d...
4
cantidad de elementos necesarios para que la página Web se despliegue,
componentes como imágenes, archivos de estilo CSS...
5
De acuerdo a lo que señala el sitio Web de norfiPC, los archivos CSS se
deben colocar en una posición específica dentro ...
6
El tercer punto corresponde a la configuración de los parámetros del lado de
servidor, donde se hace hincapié a varias t...
7
También existe el concepto de CDN, que según se detalla en el sitio de
norfiPC (.s.f) corresponde a las siglas de Conten...
8
Con el tema de optimización en la carga de las páginas Web, a opinión
personal me he enterado que desarrollar sitios Web...
9
ReferenciasBibliográficas
Mi Posicionamiento Web (2014). Mejora tu velocidad de carga y mejorará tu
posicionamiento web....
Próxima SlideShare
Cargando en…5
×

¿Qué se puede hacer para acelerar la entrega de contenido en Internet?

362 visualizaciones

Publicado el

¿Qué se puede hacer para acelerar la entrega de contenido en Internet?

Publicado en: Tecnología
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
362
En SlideShare
0
De insertados
0
Número de insertados
8
Acciones
Compartido
0
Descargas
6
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

¿Qué se puede hacer para acelerar la entrega de contenido en Internet?

  1. 1. 1 UNIVERSIDAD LATINOAMERICANA DE CIENCIA Y TECNOLOGÍA INGENIERÍA INFORMÁTICA 16-0015 PROGRAMACIÓN DE APLICACIONES Y SERVICIOS WEB Ensayo Argumentativo ¿Qué se puede hacer para acelerar la entrega de contenido en Internet? ESTUDIANTE Elías José Salazar Zeledón PROFESOR Julio Marín San José, Costa Rica III Cuatrimestre 14 de Octubre, 2014
  2. 2. 2 ¿Qué se puede hacer para acelerar la entrega de contenido en Internet? Con la evolución de la tecnología, la manera de ver el mundo ha cambiado de forma radical, a tal punto que la sociedad utiliza Internet en áreas como el entretenimiento, los deportes, noticias, las comunicaciones, la educación, redes sociales, los negocios y cualquier sector en el que se relacione el ser humano. Los sitios Web se componen de múltiples elementos como protocolos, archivos de estilos, scripts, animaciones, imágenes, audio, video, entre otros que son interpretados por navegadores Web que se ejecutan en clientes ya sean equipos portátiles o dispositivos móviles. En el presente ensayo se va desarrollar el tema de optimización de sitios Web, como por ejemplo, las técnicas y métodos para aumentar la velocidad de carga de un sitio. Cuando se trata de acceder a un sitio Web uno de los factores que juega un papel importante es la velocidad de carga, debido a que como usuarios y clientes de los sitios Web requerimos que la información sea procesada y desplegada sin demora, para satisfacer nuestras necesidades, ya sea efectuar una transacción, completar un registro en un sitio, leer una noticia, postear en una red social o cualquier acción que se realice en un sitio Web. Según el sitio Mi Posicionamiento Web (2014), indica que un 25% de los visitantes de un sitio Web la abandonan y no regresan si tarda más de 4 segundos en cargar, de ahí la importancia en mantener nuestro sitio Web optimizado para que la velocidad de carga sea la adecuada.
  3. 3. 3 El sitio Mi Posicionamiento Web (2014) señala 3 aspectos principales por los que las empresas que tienen sitios Web se deben preocupar y ver el tema con mucha seriedad, el primero es corresponde a que Google posiciona mejor a las Webs más rápidas, lo anterior compromete a los desarrolladores a utilizar las mejores prácticas para mejorar el tiempo de carga de las páginas Web. El otro punto corresponde a que si una Web tarda en cargar, el tráfico de visitantes será menor debido a que el usuario se cansa de esperar mientras la Web carga, aunado a esto el porcentaje de usuarios que lo abandonan por visitar otras páginas. El tercer punto se relacionado con los 2 anteriores, y se ejemplifica en los sitios Web que se dedican a las ventas, si uno de estos sitios tarda en cargar, las consecuencias serán no sólo pérdida en visitantes sino pérdidas en los ingresos, ya que van a tener menos ingresos. Un ejemplo de este último punto es un estudio desarrollado por Amazon, que indica que un retardo de 0,1 segundos en su Web implicaba una pérdida del 1% en el total de sus ventas, lo cual va en contra de los objetivos de toda organización y empresa. Dentro de los métodos y técnicas existentes para la aceleración en la carga de contenido de un sitio Web, se tienen 3 clasificaciones según el sitio norfiPC (.s.f), las cuales son: parámetros a configurar del lado del usuario, optimizar el uso de las imágenes en las páginas Web y los parámetros a configurar del lado del servidor. A continuación se detallan las medidas que se pueden adoptar del lado del usuario, según se especifica en la página Web de norfiPC (.s.f). Una de las medidas que se indican es la de minimizar las peticiones HTTP, reduciendo la
  4. 4. 4 cantidad de elementos necesarios para que la página Web se despliegue, componentes como imágenes, archivos de estilo CSS, archivos de scripts, animaciones flash, requieren ancho de banda al ser cargados, por lo que se recomienda reducir su número de componentes y simplificar su diseño, manteniendo un equilibro entre la cantidad de elementos y sin dejar de lado la interfaz gráfica y que sea agradable al usuario. Para minimizar estas peticiones se pueden combinar archivo, esto quiere decir, que si se tienen varios archivos de estilos o scripts se deben combinar en uno sólo, así se cargaría solamente uno y no varios archivos, lo que generaría una mejora en el tiempo de carga de la Web. Adicionalmente se recomienda colocar los archivos de scripts y estilos de manera externa, ya que se si se insertan dentro de la misma página Web provocan que se carguen cada vez que la página HTML cargue; esto reduce el número de peticiones HTTP, pero aumenta el tamaño del documento HTML; en cambio sí se utilizan de manera externa, el tamaño del documento HTML se reduce y las peticiones no aumentan debido a que la información de los archivos es guardada en el caché del navegador. Por tanto utilizar los archivos de forma externa constituye una buena práctica para optimizar el rendimiento de carga de un sitio Web. Otra buena práctica para reducir las peticiones HTTP es colocar los archivos CSS dentro de la etiqueta HEAD, ya que con esto se asegura que se encuentren en memoria cuando se empiece a mostrar la página en el navegador; los desarrolladores Web deben acatar estas medidas para entregar un producto de calidad y con el rendimiento óptimo.
  5. 5. 5 De acuerdo a lo que señala el sitio Web de norfiPC, los archivos CSS se deben colocar en una posición específica dentro de la página Web, para los archivos de scripts sean javascripts o visual basic scripts también aplica una buena práctica, la cual consiste en ubicarlos antes del cierre de la etiqueta BODY, para que no se paralice el renderizado de la página Web, se recomienda que se localicen en dicha posición para que primero se carguen los contenidos a renderizar y una vez completados se carguen los scripts en el cliente. Otros aspectos importantes para aumentar el rendimiento de carga del sitio Web, son evitar dejar líneas vacías, espacios en blanco, saltos de línea y caracteres innecesarios en los archivos de estilos y scripts para reducir su tamaño, según la página de norfiPC (s.f), si se ejecuta esta práctica, el beneficio generalmente supera una reducción de más del 5%. Adicionalmente, se debe evitar en la medida de lo posible el uso de la cláusula @import, para cargar los estilos CSS, ya que retardan la caga de las páginas, se debe utilizar la sentencia <link>. El segundo aspecto se relaciona con el manejo de imágenes para las páginas, dentro de las medidas que menciona norfiPC en su sitio Web, se encuentran en que se debe configurar el ancho y el alto de la imagen insertada en el código HTML, al no utilizar el tamaño original de la imagen, el navegador las interpreta de manera más eficiente las imágenes al tener un tamaño previamente definido. También se menciona que se debe evitar hacer uso de imágenes en formato GIF y en formato JPEG, y convertirlas al formato PNG, ya que este tipo de imagen es optimizado para Internet.
  6. 6. 6 El tercer punto corresponde a la configuración de los parámetros del lado de servidor, donde se hace hincapié a varias técnicas, una de ellas es la configuración de los encabezados para la definición del tiempo en que la página web se va a encontrar en caché. Para ello, se deben configurar los encabezados Expires y Caché Control; el primero se encarga de facilitar la fecha en que caduca un documento y el segundo realiza la función de informar al caché el número de segundos en que la respuesta tiene validez. Esta técnica es una de las más efectivas para aumentar el rendimiento del sitio, ya que el tiempo en que los elementos de un sitio permanecen en una página Web crece con esta medida, para ello se debe tener acceso a los archivos de configuración del servidor, generalmente los servicios de hosting cuentan con esta funcionalidad mediante el archivo de configuración .htaccess. Otra buena práctica mencionada, corresponde realizar la configuración del elemento de compresión de componentes GZip, el cual es un método eficaz y que ha ganado bastante popularidad según se especifica en el sitio de norfiPC (s.f), es utilizado para comprimir componentes de una página Web, dentro de las características que presenta es la reducción del tamaño de la respuesta hasta en un 70%. Todos los servicios de hosting cuenta con la funcionalidad GZip, sin embargo en la mayoría de los casos el componente se encuentra deshabilitado, por lo que habilitar constituye una buena práctica, que los desarrolladores Web deben tener en cuenta para desarrollar sitios Web de calidad y con un buen rendimiento en tiempos de carga y de respuesta.
  7. 7. 7 También existe el concepto de CDN, que según se detalla en el sitio de norfiPC (.s.f) corresponde a las siglas de Content Delivery Network (Red de distribución de contenido), son empresas que poseen una serie de servidores alrededor del mundo y que se dedican a ofrecer el servicio de servir el contenido directamente al usuario de ellos, independientemente del hosting físico que se emplee de acuerdo a la proximidad de la red. En otras palabras se encargan de desplegar la página al usuario basándose en su ubicación geográfica, por ejemplo se tiene un CDN en Colombia de un sitio Web que se encuentra físicamente en China y hay un usuario accediendo desde Costa Rica, al usuario se le muestra el contenido de lo almacenado en el CDN en Colombia, ya que disminuye el tiempo de carga de forma considerable debido a que Colombia se encuentra geográficamente más cerca de Costa Rica. Los CDN funcionan manteniendo en caché los componentes del sitio Web como archivos, imágenes, audios, videos y cualquier elemento que disminuya el tiempo de carga de una página. Los CDN comúnmente son servicios de pago como Amazon CloudFront, y MaxCDN, también existen servicios gratuitos como Google Page Speed y Cloudfare. Las técnicas mencionadas anteriormente, constituyen un grupo de buenas prácticas que se deberían tener en cuenta cuando se desarrollan sitios Web, siempre pensando en el usuario y en cómo satisfacer sus necesidades, para el caso de los sitios Web, que el contenido de nuestras páginas se muestre sin demoras y de forma ágil, pensando en que el usuario siempre va a requerir tener a mano la información.
  8. 8. 8 Con el tema de optimización en la carga de las páginas Web, a opinión personal me he enterado que desarrollar sitios Web no es solamente generar código HTML, realizar la programación en algún lenguaje como PHP, ASP, JSP, desarrollar hojas de estilo, scripts, conectarse a una base de datos, sino que existen temas que al igual que el desarrollo y la programación requieren suma importancia como el aumento en la carga y optimización de las páginas. Y es entonces donde surge la pregunta, ¿qué se puede hacer para acelerar la entrega de contenido en Internet?, la respuesta es que existen múltiples métodos para facilitar la entrega al usuario, depende de nosotros los ingenieros informáticos elegir la mejor alternativa, siempre y cuando se adapte a las necesidades del cliente y al entorno en que se encuentra nuestro sitio. De mi parte, desconocía las técnicas para optimizar el rendimiento de carga de las páginas Web; de ahora en adelante, cuando se trate de realizar desarrollos Web, emplearé algunas de las técnicas mencionadas en este documento para generar un producto final de calidad que haga uso de las mejores prácticas, teniendo en cuenta que el usuario siempre va a requerir la información de una manera eficaz y ágil.
  9. 9. 9 ReferenciasBibliográficas Mi Posicionamiento Web (2014). Mejora tu velocidad de carga y mejorará tu posicionamiento web. Recuperado el día 12 de Octubre del 2014 de http://goo.gl/nqD8mf NorfiPC (s.f). Como acelerar y hacer más rápida la carga de un blog o una página web. Recuperado el día 13 de Octubre del 2014 de http://goo.gl/ZFUtIA

×