Este documento discute varias técnicas para acelerar la entrega de contenido en Internet, incluyendo optimizar el uso de imágenes, minimizar peticiones HTTP combinando y colocando archivos externamente, comprimir archivos con GZip, usar CDNs y configurar encabezados de caché. Implementar estas técnicas como reducir tamaños de archivos, definir tamaños de imágenes y habilitar compresión puede mejorar significativamente la velocidad de carga de páginas web.

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
¿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
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
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
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
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
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
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
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