Las diversas tecnologías que van en una página web

El Internet es increíble, creo que todos estamos de acuerdo en eso. Pero alguna vez se sentó y pensó cómo en la tierra un sitio web en realidad se abre paso a su computadora? ¿Qué tecnologías están detrás MakeUseOf, por ejemplo? Es mucho más que una simple colección de archivos HTML e imágenes.

Sigue leyendo para averiguar exactamente lo que entra en funcionamiento, hosting, y servir a un sitio web para su consumo, queridos lectores.

Hardware

Vamos a empezar por el componente más básico de alojar un sitio web - el hardware. En esencia, las máquinas que se utilizan para alojar un sitio web no son realmente diferentes a los ordenadores de sobremesa o que tengo en casa. Ellos tienen más memoria, unidades de respaldo, y las conexiones de redes de fibra óptica a menudo - pero básicamente son lo mismo. De hecho, cualquier vieja máquina puede alojar un sitio web - es sólo un caso de lo rápido que será capaz de enviar páginas a los usuarios.

Puede leer más aquí sobre el varios tipos de alojamiento disponibles, desde una sola máquina compartida entre miles de sitios web de cada pago de $ 5 / mes, a un servidor dedicado completo capaz de ejecutar algo así como MakeUseOf - que cuesta miles de dólares al mes.Las diversas formas de alojamiento de sitios web Explicación [Tecnología Explicación]Las diversas formas de alojamiento de sitios web Explicación [Tecnología Explicación]Lee mas

Sistema operativo

La mayoría de las máquinas de servidor web corren un sabor optimizada de Linux - aunque hay un buen número de servidores que ejecutan Windows por ahí, generalmente en entornos corporativos donde las aplicaciones web están basadas en ASP o dotNet. A partir de enero de este año, el más popular distribución de Linux de elección para alojamiento web es Debian, seguido de cerca por CentOS (basadas en RedHat), ambos de libre disposición para que usted pueda descargar y probar por ti mismo - y cada uno de dichos acoger alrededor del 30% de todos los sitios web. Google lleva a cabo su propia costumbre de Linux, por supuesto, así como su propio sistema de archivos personalizados.

Software de servidor web

Aquí es donde las cosas realmente comienzan a diferenciarse. El software de servidor web es la aplicación que recibe las peticiones entrantes, y sirve las páginas o archivos. El propio software de servidor web es en gran parte sin preocuparse por el idioma de la página web que está sirviendo - un servidor Apache es muy capaz de servir a Python, PHP, Ruby, o cualquier número de diferentes idiomas-pero esto no es universal. la cuota de mercado actual indica Apache se ejecuta alrededor del 65% de los principales sitios web, Microsoft IIS 15% y 10% nginx. nginx se considera que es mejor en el manejo sitios de alta concurrencia - es decir, donde muchos miles de usuarios pueden estar en el sitio en cualquier momento - y de hecho se utiliza aquí en MakeUseOf.

Vídeo: Las empresas que utilizan la tecnología 2.0 obtienen más beneficios y cuota de mercado

Cuando se carga una página web, se abre un socket - una conexión - entre el ordenador y el servidor web. Una danza elaborado y prolongado con la melodía HTTP comienza entonces con el ir y venir de las solicitudes, los datos y los códigos de estado. A medida que ha solicitado esta página, nuestro servidor respondió con una 200 - OK, sentido "claro aquí tienes"- si ha visitado antes, el navegador también podría preguntar “Hey, tengo una copia de este gráfico ya en mi memoria caché del navegador, es lo que realmente necesito de nuevo?”, a la que nuestro servidor respondió 304 - Sin modificar, o “No, eso está bien, no hemos cambiado ni nada, sólo tiene que utilizar que uno”.

De vez en cuando, se encuentra el temido 404 No encontrado, pero no tenía que explicar que el código de error para ti. Si has abierto alguna vez hasta Firebug o en el modo de desarrollador del navegador, usted se sorprenderá al ver cuánto de ida y vuelta continúa - no es un simple “Dame esa página” - “OK, aquí”, Pero, en realidad cientos de interacciones más pequeñas.Guía del aficionado a la personalización de Diseño de páginas Web con FireBugGuía del aficionado a la personalización de Diseño de páginas Web con FireBugLee mas

Los archivos estáticos & Redes de distribución de contenidos

En todos los sitios web, hay algunos archivos que casi nunca cambian. Cosas como archivos javascript, CSS, imágenes, archivos PDF o archivos MP3. Estos se llaman archivos estáticos, y para servir a estos a usted, el software de servidor web simplemente tiene que agarrar el archivo y enviarlo. Fácil, ¿verdad? No tan rapido.

Por desgracia, el envío de un gran número de archivos estáticos es bastante una tarea laboriosa debido al tamaño de los archivos. Si alguna vez has visitado una página web donde se puede sentarse allí viendo la carga de imágenes, es porque el servidor web es ir a buscar esos archivos para usted mismo - que simplemente no están optimizados para hacer ese tipo de trabajo. En cambio, los grandes sitios web descargan todos estos archivos estáticos en lo que se llama una Red de entrega de contenidos - servidores separados que están optimizados para servir archivos estáticos ridículamente rápido en un abrir y cerrar de ojos.

También lograr esto mediante la localización de los servidores físicamente en diferentes lugares de todo el mundo que se reflejan mutuamente, por lo que los datos tienen menos distancia lejos para viajar a usted. En este momento, a pesar de que el artículo MakeUseOf que está leyendo es en realidad alojado en los Estados Unidos, las imágenes y javascript todos vienen de algún lugar mucho más cercano a usted a través de un CDN local.

Contenido dinámico - lenguajes de programación web

Casi todos los sitios web modernos tienen contenido dinámico de algún tipo, ya sea que signifique WordPress añadir comentarios a una entrada del blog, o Google sirviendo resultados de búsqueda. Para hacer similar, se necesita una página web dinámica lenguajes de programación web. He escrito antes sobre la varios idiomas disponibles para usted (Y se metió en algunos debates para sugerir PHP fue el mejor). Sea cual sea el idioma que elija, sin embargo, funciona en conjunción con la capa de software de servidor web para generar primera dinámicamente los contenidos de la página, luego servir a usted.¿Qué lenguaje de programación para aprender - Programación Web¿Qué lenguaje de programación para aprender - Programación WebHoy vamos a echar un vistazo a los diversos lenguajes de programación web que potencian el Internet. Esta es la cuarta parte de una serie de programación principiantes. En la parte 1, aprendimos lo básico del ...Lee mas

Vídeo: 3.- Mi Primera Pagina Web - Estructura Html Pagina Principal

Bases de datos

Detrás de todos los sitios web dinámicos son bases de datos masivas - tiendas de datos en bruto que nos permiten acceder a esos datos en una variedad de maneras. Para ello, se requiere un lenguaje de programación de base de datos independiente, el ser más popular SQL (Structured Query Language) y es muchas variantes. Bases de datos contienen diferentes tablas de datos para representar estructuras de datos diferentes - uno podría ser una lista de artículos- otra para los comentarios de los artículos. Uso de SQL, podemos clasificar, combinar y presentar esos datos en una variedad de maneras.

En WordPress por ejemplo, un ‘post` se compone de al menos un título y una fecha, y probablemente algo de contenido real. Una tabla separada se utiliza para almacenar los comentarios sobre este artículo, con otra tabla para almacenar una lista de categorías, y luego aún otra para almacenar una lista de las categorías que se han asignado a qué artículo. Por referencias cruzadas y los datos que tiran de todo esto, WordPress reúne toda la información que necesita para una determinada página de su blog, antes de aplicar el tema y presentar a usted, a través del software de servidor web.

Sistemas de almacenamiento en caché

Sirviendo archivos HTML estáticos es bastante fácil en términos de cómputo - el servidor sólo tiene que buscar el archivo - el contenido dinámico por el contrario requiere de mucho trabajo para poner la página en conjunto, con la base de datos y el procesamiento que se produce en esos datos . Un sistema de almacenamiento en caché nos lleva al punto de partida, mediante la creación de estas páginas dinámicas y, a continuación, básicamente les guardar archivos HTML estáticos. Cuando se solicita de nuevo la misma página exacta, que no necesita ser re-calculado, lo que acelera el sitio.

El almacenamiento en caché es un término amplio que puede significar muchas cosas, aunque - CDN son un tipo de Cache también hay memorias caché de base de datos para las preguntas más frecuentes consultas (pensar en WordPress pidiendo a la base de datos para el título de su blog cada vez que alguien mira a tu post - porque eso es en realidad lo que sucede). He escrito antes acerca de cómo configurar el popular sistema de W3 Total Cache para WordPress, También se usa aquí en MakeUseOf. Tu navegador tiene un caché demasiado - casi cualquier cosa puede ser almacenado en caché.Cómo configurar los diferentes ajustes W3 Total Cache Plugin para su blog de WordPressCómo configurar los diferentes ajustes W3 Total Cache Plugin para su blog de WordPressHace un tiempo hablé de las ventajas de instalar el plugin W3TC en su blog de Wordpress con el fin de agilizar el trabajo con varios de almacenamiento en caché, pero algunos lectores estaban comprensiblemente un poco de dudas sobre ...Lee mas

Así como se puede ver, no es en realidad una inmensa cantidad de trabajo y muchas tecnologías involucrado con alojar un sitio web. Sin embargo, eso no quiere decir que no puede tener su propio blog creado y en funcionamiento en menos de una hora. Escalar a miles de usuarios es donde comienzan los problemas.

¿Alguna pregunta? Pido de distancia, y voy a hacer mi mejor esfuerzo para responder. ¿Le sorprende por la cantidad de esfuerzo puede entrar en una página web?