Enlace indexado directo al sitio- este es un enlace no cerrado mediante la prohibición de etiquetas y/o atributos HTML, y también sin redireccionamientos (redirects). Por ejemplo, si decide colocar un enlace a mi sitio en su sitio / blog, es recomendable no cerrarlo de los robots de búsqueda con el atributo de prohibición nofollow. Si decide vincular a una de mis páginas, abra el enlace para indexar. Agradecería los enlaces indexados directos a mi sitio.
Si su sitio/blog utiliza contenido gráfico/texto prestado de este sitio o cualquier fragmento/cita, el enlace al sitio debe estar sin atributos de prohibición y/o redireccionamientos.
¿Qué es TFP y FTP, cuál es la diferencia?
Las abreviaturas TFP y FTP no tienen nada en común. Lo único que los une es solo la consonancia de la pronunciación, que puede confundir a alguien.
TFP - (Tiempo para imprimir), se traduce como "hora de las impresiones". Este término es utilizado por fotógrafos y modelos de moda. TFP es un tipo de moneda utilizada por la industria de la fotografía. TFP, por regla general, está asegurado por un acuerdo entre el modelo y el fotógrafo, con el fin de evitar todo tipo de problemas relacionados con los derechos de autor, etc.
Cuando una modelo acepta TFP, significa que está lista para trabajar gratis por un tiempo determinado, y por el trabajo recibirá sus fotos (todas o algunas, con o sin procesamiento).
Ahora sobre FTP.
FTP (Protocolo de transferencia de archivos) es un protocolo de transferencia de archivos utilizado por desarrolladores web, etc. Para trabajar con un servidor a través de este protocolo, se utiliza un cliente FTP; este es un programa que funciona directamente con un servidor FTP.
El protocolo FTP se utiliza para transferir documentos de red como HTML, PHP, CSS, JPEG, etc. desde el dispositivo privado del desarrollador al servidor de alojamiento. El mismo protocolo se utiliza para descargar documentos de red desde un servidor al dispositivo privado de un desarrollador.
¿Qué es una extensión de archivo?
Extensión de archivo, o más bien, la extensión del nombre del archivo es una secuencia de ciertos caracteres agregados al nombre de un archivo. Estos símbolos están destinados a identificar el tipo, o como se suele decir, el formato del archivo. Una extensión de nombre de archivo no es más que una combinación de letras y/o números que viene después del último punto en un nombre de archivo, como fotograf.gif, donde "fotograf" es el nombre de archivo y ".gif" es su extensión. Hay una gran cantidad de extensiones de archivo, pero todas siguen ciertos estándares y aplicaciones. Pero si desea crear su propia extensión original para algún archivo, por ejemplo, filename.fotograf, ¡no hay problema! Pero Windows no podrá abrir dicho archivo si no hay un programa correspondiente en su máquina que vea esta extensión. Por ejemplo, si desea abrir un archivo con una extensión .gif en el sistema operativo Windows, este sistema operativo conoce esta extensión y abrirá alguna imagen. Pero si desea abrir un archivo con la extensión .fotograf, dicho archivo no se abrirá, ya que Windows no está familiarizado con dicha extensión. Un archivo con esta extensión se puede abrir en una aplicación que admita esta extensión.
¿Qué es un sitio de tarjeta de visita, qué hay?
sitio de tarjeta de visita es un sitio web cuyo propósito principal es proporcionar al público información sobre una empresa o individuo. Dicho sitio, por regla general, consiste en una pequeña cantidad de páginas estáticas o dinámicas.
Las páginas del sitio de tarjetas de presentación deben contener información básica sobre la empresa/individuo, los bienes que producen e información sobre sus servicios. Estas pueden ser páginas con listas de precios, detalles de contacto y, por supuesto, con un formulario de comentarios. El sitio de la tarjeta de presentación de un fotógrafo, por regla general, se diferencia de otros sitios similares en su diseño exquisito y en la abundancia de fotografías. El sitio web del fotógrafo debe tener su cartera y contactos. Recientemente, cada vez con más frecuencia puede encontrar un sitio de tarjetas de presentación, algunas de cuyas páginas están construidas con tecnología FLASH, o completamente con FLASH.
sitios web FLASH se ven bien, pero los motores de búsqueda hoy en día indexan estos sitios muy mal, o no indexan en absoluto.
¿Qué es una página web/sitio web dinámico?
página web dinámica- esta es una página en la que se puede generar (cambiar) contenido o parte de él en tiempo real sin involucrar gestos adicionales. Para las páginas vinculadas dinámicamente, se utiliza el llamado motor: CMS (sistema de gestión de contenido).
¿Cómo funciona? Por ejemplo, la página que ve actualmente en la ventana de su navegador no existe como tal. Se ensambla a partir de partes separadas (plantillas) que el servidor ensambla en una sola. Es decir, cuando se solicita una página, el servidor web procesa la solicitud e inmediatamente "sobre la marcha" recopila la página web de partes separadas y nos la entrega para que la veamos en el navegador. Solo cambia el contenido de la página, mientras que la plantilla de la página sigue siendo la misma.
Imagina un armario que tiene varios estantes con diferentes cosas. En un estante está el contenido de texto (base de datos), en el otro, archivos gráficos (fotos, elementos de diseño gráfico), en el tercero, scripts (por ejemplo, scripts PHP), en el cuarto, estilos CSS, etc. Entonces, cuando el servidor recibió una solicitud de este o aquel contenido, sabe dónde está todo y ensambla rápidamente la página para nosotros a partir de las partes necesarias: toma el contenido de texto necesario de la base de datos, los archivos gráficos necesarios del estante con gráficos, etc Al cambiar alguna parte de la plantilla en un lugar, estos cambios se aplican a todas las páginas del sitio.
¿Qué es una página web/sitio web estático?
página web estática es un documento web que se encuentra en el servidor en la forma en que el usuario lo ve en su navegador. Es decir, dicho documento no se ensambla a partir de partes separadas (plantillas), sino que se encuentra en el servidor tal como está, en forma ensamblada, y se carga desde el servidor en un archivo con estilos CSS y/o scripts conectados a él.
Para cambiar el contenido de un documento de este tipo, primero debe editarse en una computadora que funcione en algún editor HTML y luego cargarse (cargarse) nuevamente en el servidor. Para cambiar alguna parte del diseño o, por ejemplo, agregar/eliminar un elemento del menú de navegación, esto requerirá modificar (cambiar) todas las páginas del sitio.
Diseñador web y programador web, ¿cuál es la diferencia?
Un diseñador web y un programador web trabajan en el mismo campo, pero realizan tareas diferentes. Un diseñador web se dedica a crear prototipos de diseño de página, desarrollar una plantilla de diseño de sitio web, crear un diseño de diseño gráfico, cortarlo en fragmentos separados y optimizarlo, seleccionando fuentes y colores. Un diseñador web puede participar en el diseño de las páginas del sitio, pero esto no es parte de sus funciones, para esto hay personas especialmente capacitadas: diseñadores de diseño.
¿Quién es un programador web?
Un programador web, o mejor dicho, un desarrollador web (desarrollador de servidores) es una persona que desarrolla aplicaciones web especiales, escribe scripts en diferentes lenguajes de programación para ciertos módulos de páginas web.
Conclusión, para que el sitio sea hermoso y funcional, se necesita tanto un diseñador web como un programador web. Y para que el sitio sea también fácil de usar, es necesario aquí
Se entiende por promoción de sitios web (promoción) la promoción de un sitio web a la parte superior de los resultados de búsqueda para ciertas palabras clave en los motores de búsqueda Google, Yandex, etc.
Principales resultados de búsqueda- esta es la primera página del sitio del motor de búsqueda con los primeros 10 enlaces a sitios. Por estas 10 posiciones hay una lucha irreconciliable entre sitios de un mismo tema. Según las estadísticas, aquellos sitios que están en la parte superior de la parte superior (ocupan las tres primeras posiciones) recogen la mayor cantidad de visitantes. Para estar en esta cima, algunos recursos pagan mucho dinero. Pero no es suficiente estar allí, es necesario permanecer allí, y esto genera una lucha constante no solo entre las grandes empresas de SEO, sino también entre las empresas privadas.
¿No es maravilloso poder crear y mantener un sitio con sus propias manos, sin pedir ayuda a nadie? Además de ahorrar dinero (después de todo, los servicios de desarrollo web cuestan mucho), esto le permite resolver muchas tareas de forma independiente: crear una página web personal, un sitio web corporativo, una tienda en línea, implementar proyectos interesantes: esta no es una lista completa de lo que una persona puede hacer, competente en tecnologías de desarrollo web.
Después de leer este libro, aprenderá qué es un sitio web moderno, cómo se desarrolla su concepto, qué es un alojamiento y un nombre de dominio, en qué se diferencia una página web estática de una dinámica, cómo se forma el contenido del sitio web, por qué es necesaria su optimización. , y mucho más amigo. Aprenderá a programar páginas web usted mismo utilizando el lenguaje de marcado de hipertexto HTML, y se familiarizará en detalle con productos de software especialmente creados para desarrolladores web y que le permitirán crear automáticamente un sitio web completo, gastando un mínimo de tiempo y esfuerzo. .
El estilo de presentación fácil y accesible, así como una gran cantidad de ilustraciones ilustrativas y ejemplos prácticos, convierten el estudio de este libro en un proceso emocionante, cuyo resultado será la capacidad de crear rápidamente un recurso web moderno y atractivo y realizar todas las actuaciones necesarias para su conservación, mantenimiento y optimización.
Libro:
Concepto de página web estática y dinámica
Anteriormente, hablamos brevemente sobre qué son las páginas web estáticas y dinámicas. En esta sección, consideraremos este tema con más detalle.
El nombre de una página estática habla por sí mismo: dicha página presenta información estática, permanente e inmutable. Más bien, puede cambiarlo, pero para esto necesita hacer los ajustes apropiados al código del programa de la página.
Normalmente, un archivo de página estática está en formato HTML. El desarrollador web escribe el código HTML para formar el contenido del sitio, le da un nombre al archivo y luego la página se carga en el servidor web y se pone a disposición de los usuarios de Internet. Por ejemplo, en un sitio corporativo, una página estática puede contener información sobre la historia de la empresa, sus principales actividades, etc. Tenga en cuenta que debe comenzar sus primeras experiencias en el campo del desarrollo web con la creación de páginas web estáticas. Hablaremos de esto con más detalle en el capítulo sobre los conceptos básicos de la programación web utilizando el lenguaje HTML.
NOTA
La dirección de una página escrita en HTML terminará con los caracteres que siguen al punto.
La diferencia fundamental entre una página web dinámica y una estática es que su contenido no es constante, sino que puede cambiar. Se forma en función de los deseos del usuario, o más bien, sobre la base de las solicitudes creadas por los visitantes y enviadas al servidor web. Como señalamos anteriormente, el ejemplo más típico de una página web dinámica es una página con resultados de búsqueda emitidos por un motor de búsqueda (el mismo www.google.ru) en función de una consulta de búsqueda enviada por el usuario. Otro ejemplo típico de uso de páginas web son las tiendas en línea: usando opciones, un visitante indica qué producto y con qué propiedades está interesado, envía una solicitud (el botón correspondiente suele estar destinado a esto, etc.), y después de un par de segundos muestra una lista de productos que cumplen los criterios especificados. Además, las páginas dinámicas tienen la aplicación más amplia en otros sitios de varios propósitos y direcciones.
Las páginas dinámicas también se pueden crear utilizando el lenguaje HTML, pero otro lenguaje, PHP, es más adecuado para esto (principalmente debido a su funcionalidad más amplia). En consecuencia, el formato del archivo de la página ya no será HTML, sino PHP, y su dirección de Internet terminará con los caracteres que siguen al punto.
Las computadoras que están permanentemente conectadas a Internet en todo el mundo y albergan sitios web se denominan servidores(De inglés servir servir, servir. El software que envía páginas web a la World Wide Web también se denomina servidor o wservidor eb.
Regular inmutable ( estático) las páginas web se almacenan en directorios del servidor en forma de archivos HTML listos para usar. El trabajo del servidor web en este caso es solo transferir los archivos necesarios al navegador en respuesta a las solicitudes:
Si no se puede cumplir con la solicitud, el servidor web devuelve un código de error específico (por ejemplo, código 404 - archivo no encontrado, o 403 - acceso denegado).
El navegador, a su vez, muestra la página según las reglas del lenguaje HTML y proporciona una respuesta a las acciones del usuario cuando hace clic en los hipervínculos. HTML y CSS solo describen el contenido de las páginas web y su apariencia. Todas las páginas de dicho sitio deben crearse con anticipación y, para cambiar su contenido, es necesario volver a escribir el código de las páginas y cargar el sitio nuevamente.
Actualmente, existe una gran cantidad de servidores web, pero el más popular es apache, que pertenece al software libre y te permite interactuar con muchos sistemas operativos.
dinámicawpaginas web
Las restricciones en las páginas web estáticas se eliminan en dinámica sitios web Las páginas de dichos sitios pueden cambiar dinámicamente el contenido y el diseño. Además, puede crear documentos interactivos y aplicaciones web que interactúan con el usuario en tiempo real.
Al solicitar páginas dinámicas, el servidor web ejecuta programa de guión(también llamado texto--texto) que está escrito en un lenguaje de programación. Es este script, dependiendo de los parámetros de la solicitud, el que genera la página HTML que se transmite al navegador y se muestra. Al mismo tiempo, no se imponen requisitos adicionales al navegador del usuario, puede ser cualquiera, toda la carga para crear páginas dinámicas recae en el servidor. El navegador todavía funciona con páginas web preparadas, la única diferencia es que su contenido se genera para cada visitante del sitio por separado.
Guiones de servidor necesario al crear motores de búsqueda, foros, tiendas en línea, sitios de noticias, servicios de correo y muchos otros
casos. También puede usar scripts para generar imágenes, animaciones, crear correos electrónicos y más.
Guiones en lenguajePHP
Los scripts del servidor se pueden escribir en varios lenguajes de programación, pero con mayor frecuencia se utilizan lenguajes para este propósito, diseñados específicamente para esto: PERL (Practical Extraction and Report Language, un lenguaje práctico para crear muestras e informes) y PHP (Hypertext Preprocessor - preprocesador de hipertexto).
El lenguaje PHP ocupa ahora el primer lugar en popularidad debido a su gran funcionalidad y relativa facilidad de aprendizaje. Algunos sistemas operativos, como Linux, ya incluyen PHP. En Windows, debe descargar e instalar el software apropiado manualmente.
Cómo trabajan ellosphp-páginas
Cuando un navegador solicita una página PHP (es decir, una página generada por un script PHP), el servidor web, a su vez, pasa la solicitud al procesador PHP, que lee el archivo de la página. Si este archivo es un script (programa php *.php), entonces se ejecutan las declaraciones de este script y se forma la página necesaria en la memoria del servidor web, que, al final, se transmite al navegador. Además, dependiendo de la solicitud, el mismo archivo de esta página puede contener información diferente.
Por lo tanto, el objetivo principal de un script PHP es generar páginas HTML. En este caso, se puede realizar una consulta a la base de datos, que almacena toda la información necesaria.
Continuamos el ciclo de publicaciones sobre sitios estáticos basados en nuestro almacenamiento en la nube (ver publicaciones anteriores y). Hoy discutiremos en detalle los problemas de su ajuste y optimización.
El criterio principal para el excelente trabajo del sitio desde el punto de vista del usuario es, por supuesto, la velocidad de carga de los componentes. Si el sitio tarda demasiado en cargar por una razón u otra, esto inevitablemente conduce a la pérdida de visitantes que se cansan de esperar. Para que el sitio sea rápido y conveniente, debe trabajar en su optimización.
Ya hemos escrito sobre la conexión a nuestro almacenamiento en la nube CDN de Akamai. La CDN almacena todo el contenido estático (imágenes, archivos de texto, JS, CSS, etc.) en servidores de almacenamiento en caché repartidos por todo el mundo (ver mapa).Al acceder a una página web o sus recursos, la solicitud será procesada por el servidor de caché geográficamente más cercano al cliente. El uso de un CDN ayuda a aumentar la velocidad de carga del sitio web tanto para computadoras de escritorio como para dispositivos móviles.
De forma predeterminada, todos los datos se almacenan en caché en la CDN durante 24 horas. Recientemente, se ha agregado una nueva función al repositorio, con la que puede borrar el caché de CDN en cualquier momento:
Para hacer esto, simplemente vaya a la pestaña que se muestra en la figura e ingrese en el formulario las direcciones de las páginas cuyo caché desea borrar. El caché no se borrará inmediatamente, sino aproximadamente 15 minutos después de enviar el formulario.
Cualquier página web incluye muchos elementos diferentes: imágenes, scripts, archivos de estilo, etc. El usuario que visita la página por primera vez obtiene todos estos elementos realizando una serie de solicitudes HTTP. Para evitar volver a descargar una gran cantidad de archivos, se utiliza el almacenamiento en caché.El modelo de almacenamiento en caché utilizado en el protocolo HTTP se basa en los llamados validadores: encabezados especiales utilizados por el cliente para asegurarse de que el documento almacenado en caché aún esté actualizado. Gracias a los validadores, el cliente puede comprobar el estado del documento sin pasar toda la copia en caché al servidor. A su vez, el servidor envía un documento en respuesta solo si el validador que recibe indica que el cliente tiene una copia desactualizada en el caché del cliente.
Los validadores se dividen en fuertes y débiles. Fuertes validadores aparecieron en HTTP/1.1. Se llaman así porque cambian cada vez que cambia el archivo. Estos incluyen los llamados ETags (etiquetas de entidad). ETag es un identificador de contenido de documento; cambia si al menos un bit cambia en el documento. Como identificador, por ejemplo, se puede utilizar la suma MD5 del contenido del documento. Cuando un cliente solicita un documento del servidor, el valor de ETag se pasa en la respuesta, por ejemplo:
HTTP/1.1 200 OK Servidor: Selectel_Storage/1.0 Rangos de aceptación: bytes Última modificación: lunes, 18 de agosto de 2014 12:25:38 GMT Marca de tiempo X: 1408364738.80296 Tipo de contenido: image/jpeg Longitud de contenido: 458073 Control de acceso -Allow-Origin: * Access-Control-Expose-Headers: Last-Modified, ETag, X-Timestamp ETag: "ebef3343a7b152ea7302eef75bea46c3" Fecha: miércoles, 20 de agosto de 2014 11:52:48 GMT
Al volver a solicitar el mismo documento, el valor guardado del validador ya se pasa en el encabezado If-None-Match:
GET / HTTP/1.1 Host: ejemplo.org Si no coincide: "ebef3343a7b152ea7302eef75bea46c3"
Si el documento no se ha modificado, el servidor devolverá solo encabezados y un código 304 No modificado en la respuesta. De lo contrario, el servidor devolverá el código 200 y pasará la nueva versión del documento, así como el nuevo valor de ETag.
En nuestro repositorio, la ETag se genera inmediatamente después de cargar el archivo. Es un hash MD5 del contenido. Si el contenido cambia, la ETag también cambia.
Los validadores débiles son aquellos que no necesariamente cambian cada vez que cambia el archivo.
Un ejemplo de un validador débil es el encabezado Last-Modified. El valor de este encabezado es la fecha en que se modificó el archivo por última vez. En nuestro repositorio, se instala automáticamente. Si especifica una fecha en el encabezado If-Modified-Since no anterior a la que se encuentra actualmente en el encabezado Last-Modified, entonces la respuesta también será 304 Not Modified.
Los validadores fuertes se pueden utilizar en cualquier contexto. Los validadores débiles se utilizan en un contexto que no depende del contenido exacto del archivo.
Por ejemplo, ambos tipos de validadores se pueden usar en solicitudes GET con una condición (si se modificó desde o si no coincide). Sin embargo, al descargar archivos por partes, solo se pueden usar validadores fuertes; de lo contrario, el cliente recibirá el archivo en una forma inconsistente.
El encabezado Cache-Control con la directiva max-age se usa para configurar el tiempo de caché del navegador para una copia de un archivo cuyo original está almacenado. Gracias a este encabezado, puede aumentar significativamente la velocidad de carga del sitio: si el archivo está en caché, el navegador mostrará instantáneamente el contenido del caché sin realizar una sola solicitud al sitio.El tiempo de caché para un archivo se especifica en segundos:
Control de caché: edad máxima = 7200
En el ejemplo que se muestra, son 7200 segundos (2 horas). Por lo general, los archivos CSS, JS y de imagen se almacenan en caché de esta manera. Es deseable almacenarlos en caché para siempre, y cuando cambie el contenido, cambie los enlaces a ellos en HTML. RFC 2616 recomienda que dichos archivos se almacenen en caché durante no más de 1 año:
Control de caché: max-age=31536000
Si desea que un archivo en particular no se almacene en caché, sino que siempre se devuelva "fresco", el encabezado Cache-Control se establece en el siguiente valor:
Control de caché: sin caché
Especifica que el elemento no debe almacenarse en caché en absoluto, y que el cliente debe solicitarlo cada vez que acceda a la tienda (el tiempo de carga del archivo aumentará en este caso, ya que el cuerpo del archivo deberá descargarse).
Otra forma de tener un archivo siempre actualizado es agregar una suma de verificación de contenido al nombre del archivo.
Si el contenido del archivo cambia incluso en un bit, la suma de comprobación también cambiará. Si no hubo cambios, entonces el navegador usa el archivo del caché. Cuando se modifica un archivo, el enlace cambiará y se descargará la nueva versión.
Puede obtener la suma de comprobación utilizando las utilidades estándar md5sum o sha1sum, o utilizando utilidades especiales.
También puede agregar un conjunto arbitrario de caracteres a los enlaces de archivos, por ejemplo, una marca de tiempo (http://example.com/script.js?timestamp_here), y actualizar los enlaces con cada implementación del sitio. Sin embargo, al usar este método, no hay garantía de que el navegador no haga solicitudes innecesarias: incluso para archivos cuyo contenido no ha cambiado, otro enlace conducirá (el enlace completo, junto con los parámetros de consulta, es la clave de almacenamiento en caché), y tendrás que descargarlos de nuevo.
Para las páginas HTML, es preferible establecer el encabezado Cache-Control en no-cache. Si necesita cambiar algo urgentemente en la página y el cliente ya ha almacenado en caché esta página (los navegadores modernos hacen esto de forma predeterminada), es posible que el cliente no vea los cambios en absoluto.
Esto es especialmente importante cuando se utiliza una CDN: la CDN de Akamai almacena en caché los archivos sin los encabezados adecuados durante 24 horas de forma predeterminada. Por supuesto, puede borrar el caché (ver arriba), pero aún tendrá que esperar al menos 15 minutos después de enviar la solicitud correspondiente. Establecer el valor sin caché ayudará a evitar posibles problemas: la página siempre se cargará actualizada. En este caso, los navegadores seguirán utilizando los encabezados If-None-Match (o If-Modified-Since), y la página que no se ha modificado no se volverá a cargar.
En algunos casos, es mejor especificar el tiempo de caché para las páginas HTML en función de la frecuencia de los cambios. Por ejemplo, si la página de noticias del sitio se actualiza cada hora, la edad máxima se puede establecer en 3600 (1 hora).
El valor del encabezado Cache-Control (así como otros encabezados HTTP) en nuestro repositorio se puede configurar a través de la interfaz web:
A través de la interfaz web, los valores de encabezado se establecen solo para el contenedor en su conjunto. Los valores de encabezado para archivos individuales solo se pueden establecer a través de la API o de clientes de terceros.
Puede usar el encabezado Expires en lugar de Cache-Control. Su valor indica la fecha en el formato de fecha RFC 1123, después de lo cual el archivo ya no es relevante (por ejemplo: martes, 31 de enero de 2012 15:02:53 GMT). Hasta esta fecha, el navegador no realizará solicitudes al sitio, sino que recibirá el archivo del caché. Después de esta fecha, el archivo se cargará nuevamente.
Con la ayuda de la compresión, puede acelerar significativamente la carga del sitio. A partir de HTTP/1.1, los clientes informan sobre los métodos de compresión admitidos en el encabezado Aceptar codificación:Aceptar codificación: gzip, deflate
En la respuesta del servidor, la información sobre el método de compresión utilizado se transmite en el encabezado de codificación de contenido:
Codificación de contenido: gzip
Uno de los métodos más populares y más utilizados en la actualidad es, por supuesto, gzip. Con él, puede reducir significativamente el tiempo de descarga. Gzip funciona especialmente bien con archivos de texto: HTML, CSS, JS. Gracias a la compresión, el tamaño de los archivos de texto (y, en consecuencia, la cantidad de tráfico transmitido) se reduce en un promedio de 5 a 10 veces. Esto le permite aumentar significativamente la velocidad de carga de la página, lo que es especialmente importante para los clientes móviles con una conexión lenta.
No tiene sentido usar gzip para archivos gráficos: la compresión no reduce significativamente su tamaño y, a menudo, incluso lo aumenta.
Akamai CDN utiliza gzip para la mayoría de los archivos de texto de forma predeterminada.
La minificación es la eliminación de caracteres adicionales/opcionales de un archivo para reducir su tamaño y reducir el tiempo de descarga. Debido a esto, el tamaño del archivo se reduce en un promedio de 1,5 a 3 veces. Hoy en día, se está generalizando la práctica de minimizar no solo JS y CSS, sino también otro tipo de archivos (HTML, archivos gráficos, etc.).Para la minificación, se utilizan herramientas especiales, en particular:
Al usar la minificación, no solo puede eliminar espacios insignificantes y saltos de línea (en CSS y JS son opcionales), sino también realizar operaciones más complejas. Por ejemplo, en JS una función como:
Función suma(primer_parámetro, segundo_parámetro) ( return (primer_parámetro + segundo_parámetro); )
Puede convertirlo en la función s(a,b)(return(a+b)) y luego usar s en lugar de summ en todas partes del código, conservando completamente la lógica de su trabajo. Puede ver cómo funciona el procedimiento de minificación de JavaScript en http://lisperator.net/uglifyjs/ en la sección Open Demo.
La concatenación puede ayudar aquí: combinar varios archivos del mismo tipo (por ejemplo, JS o CSS) en uno. Le permite reducir la cantidad de solicitudes y, por lo tanto, aumentar la velocidad de carga de la página.
La concatenación también se puede utilizar para acelerar la carga de imágenes. Se puede hacer de dos formas: incrustando datos en la URL y usando sprites.
Los datos se incrustan mediante un tipo especial de URL: datos: URI. El URI (Universal Resource Identifator) se puede usar tanto en el atributo src de la etiqueta img como en la URL de la imagen de fondo en CSS.
Existen herramientas en línea para convertir imágenes en datos: URI (consulte, por ejemplo, y ).
Un sprite es una colección de imágenes combinadas en una sola imagen. Varias herramientas de software se utilizan para crear sitios web. Usando CSS, puede acceder a la sección requerida de una imagen grande y colocarla en el lugar correcto en el sitio.
Los sprites ayudan a acelerar la carga, pero debe tenerse en cuenta que trabajar con ellos suele ser difícil. Para realizar incluso un pequeño cambio en un sprite, deberá realizar un cambio complementario en el CSS.
En herramientas modernas para construir proyectos JS (
Consta de páginas html estáticas (htm, dhtml, xhtml) que forman un todo único. Contiene (en forma de HTML marcado) texto, imágenes, contenido multimedia (audio, video) y etiquetas HTML. Las etiquetas son servicios, destinadas al navegador, y destinadas a la colocación, formación de la apariencia y visualización de información. Todos los cambios en el sitio se realizan en el código fuente de los documentos (páginas) del sitio, para lo cual debe tener acceso a los archivos en el servidor web.
Ventajas y desventajas
Ventajas
- No es necesario saber lenguajes de programación web para crear una página.
- Buen almacenamiento en caché de la página.
- Rápida velocidad de carga de la página.
- Requisitos mínimos para un servidor web y carga mínima en él.
- Facilidad de transferencia a otro servidor o computadora local.
- La capacidad de ver directamente el archivo en el navegador, sin el uso de middleware (servidor web, CGI).
desventajas
- Incapacidad para generar contenido dinámicamente.
- La imposibilidad de soporte completo para los visitantes (la elección de apariencia, cookies).
- Para llenar el sitio con información, debe acceder a las páginas de archivos a través de FTP o scripts web de terceros que le permitan editar páginas.
- Con una gran cantidad de páginas (archivos), si es necesario realizar el mismo tipo de cambios (diseño, maquetación, adición de nuevas secciones), se debe utilizar software de terceros (utilidades).
uso moderno
- Sitio de tarjeta de presentación: contiene los datos más generales sobre el propietario del sitio (organización o empresario individual). Tipo de actividad, historial, lista de precios, datos de contacto, detalles, direcciones. Los profesionales publican sus currículos. Esa es una tarjeta de presentación detallada.
- Catálogo de productos: el catálogo contiene una descripción detallada de bienes/servicios, certificados, datos técnicos y de consumo, opiniones de expertos, etc. Estos sitios contienen información sobre bienes/servicios que no se pueden incluir en la lista de precios.
- Páginas de inicio de usuario.
Además, las páginas estáticas a menudo se usan como plantillas de sitios dinámicos.
