-
Desde ingresar una URL en el navegador o abrir una página web desde un enlace en otro lugar, hasta que se carga toda la página web, ¿qué archivos cargará el navegador durante este proceso? Primero, echemos un vistazo a qué partes de la página web están compuestas. de, 1. El documento web es el texto que se muestra en la página web. Esta es una parte relativamente pequeña. Las imágenes son las imágenes que se muestran en la página web. Las imágenes representan la mayor parte de toda la página. 3. Objetos que son elementos de objetos, como Flash, videos complementarios, etc. Este es relativamente grande. Se trata principalmente de una hoja de estilo de archivo js, 5, que controla el efecto de visualización de la página web.
Entonces, cuanto más grande sea el archivo de la página web, más tiempo tardará el navegador en descargar la página del servidor para mostrarla. Esto es muy malo para el SEO del sitio web. Para obtener contenido específico, consulte el artículo de SEM "¿Cómo afecta la velocidad de carga de la página web al efecto SEO?". Algunos sitios web también pueden verse afectados por el CMS. Se debe al servidor. La barra de estado del navegador siempre está en el estado de solicitud. Esto también debe tenerse en cuenta. Por lo tanto, para un sitio web, el tamaño total del archivo incluye el contenido mencionado anteriormente, html, CSS externo, javascript externo y el tamaño de algunos archivos como imágenes, sonidos, videos, flash, etc. en la página web. HTML, CSS y Javascript entre estos archivos son todos archivos de texto. Estos archivos se pueden formatear después de escribir la página web. Sin embargo, los servidores web modernos tienen funciones de compresión de texto que los administradores pueden configurar.
Sin embargo, archivos como imágenes, sonidos, vídeos y flash representan una gran proporción del sitio web, y estos archivos son mucho más grandes que los archivos de texto y son un factor importante que afecta la velocidad de descarga durante el proceso de apertura del sitio web.
Este es el tamaño de la página de inicio de un centro comercial B2C nacional.
Este es el tamaño de la página de inicio de Taobao.
163 tamaño de la página de inicio, en comparación con los sitios web del portal, las páginas del sitio web del centro comercial son relativamente grandes. La imagen de arriba es un complemento en Firefox. Hay una función en el desarrollador web para verificar el tamaño de la página web. Esta herramienta es muy útil para el análisis técnico de sitios web. Tiene una función poderosa que la pueden instalar. y usarlo. También requiere mucho SEO. Analizar el código subyacente del sitio web, analizar el sitio web de la competencia, etc.
En circunstancias normales, ¿cuál es el tamaño apropiado de cada página? Incluso los llamados expertos generalmente no están de acuerdo sobre este tema. Si su sitio web requiere gráficos de calidad profesional, entonces es imposible cumplir con la "regla de los 20k", como en la actualidad. En los centros de comercio electrónico, el efecto de procesamiento de las imágenes y la sensación de las tarifas de venta son diferentes. Por ejemplo, algunos sitios web crean temas especiales, la mayoría de los cuales son imágenes. En este momento, al diseñar la página, puede cortar las imágenes grandes. Imágenes más pequeñas, como el centro comercial Moonbas doméstico, aunque es un tema especial, dividen la imagen grande en muchas partes pequeñas, de modo que cuando el usuario abre la página web, la página web se carga más rápido y la velocidad de apertura del sitio web. Afectará en gran medida al usuario. Imagínese, un sitio web se abre muy lentamente. ¿Cuánto tiempo suele esperar? No deje que los usuarios esperen demasiado, de lo contrario perderá usuarios o pedidos potenciales.
Entonces, ¿cuáles son las mejores cosas que puedes hacer para perder peso en las páginas web de tu sitio web?
1. Coloque la mayoría de las hojas de estilo CSS y archivos javascript en archivos externos de la página web, escríbalos en un archivo separado y solo haga referencia a estos archivos cuando el sitio web se abra por primera vez antes de cargarlo. Luego, cualquier página del sitio web puede reutilizar estos archivos sin necesidad de descargarlos nuevamente. Aunque estos archivos pueden no ser muy grandes, si hay que cargarlos cada vez que se abre una nueva página, estos también son parte del ahorro de ancho de banda del usuario.
2. Si es posible, intente utilizar gráficos, audio y vídeo en diferentes páginas. Estos archivos también se cargan la primera vez que se utilizan.
3. No utilice imágenes, animaciones y sonidos innecesarios, ya sea por practicidad o para aumentar la belleza del sitio web, cada archivo debe tener una razón de su existencia. Algunas imágenes se utilizan para completar los espacios en blanco, como esta Imágenes. se puede quitar.
4. Intente utilizar imágenes de tamaño pequeño en lugar de imágenes de tamaño grande, porque en las mismas circunstancias, las imágenes pequeñas se descargan más rápido. Si no tiene requisitos elevados de píxeles de imagen, puede utilizar imágenes en formato gif. La imagen de fondo se puede repetir en tamaños pequeños en lugar de utilizar una imagen grande como fondo. Por ejemplo, en algunos sitios web de centros comerciales, las imágenes de las páginas temáticas se pueden cortar en imágenes de tamaño pequeño, lo que puede acelerar la apertura de la página. Página web.
5. Minimice el uso de imágenes para efectos de volteo en los botones de navegación, porque es necesario descargar diferentes imágenes. Por el contrario, si se utilizan enlaces de texto, se puede lograr el mismo efecto usando CSS para controlar el volteo.
Lo anterior básicamente enumera los factores relevantes que afectan el tamaño de la página web. Es posible que algunos no se hayan encontrado. Espero que algunos amigos descubran más factores que afectan la optimización de la página web.
Información del autor: blog de Liu Yunwei
Gracias kitwer por tu aporte.