No importa qué tipo de sitio web, cuando un usuario hace clic en el sitio web por primera vez, se cargará el código Javascript y CSS del sitio web. Si estos códigos son redundantes, inevitablemente reducirán la velocidad de apertura del sitio web.
Si existe tal problema, el código debe comprimirse o simplificarse. En términos de compresión, existe una gran cantidad de herramientas de terceros, como la herramienta de compresión CSSJS de Webmaster Home, que se puede probar de forma gratuita. El código comprimido generalmente se puede reducir entre un 40% y un 65%. En términos de simplificación, se puede utilizar un estilo en lugar de dos. La idea es cumplir con el diseño de la página y la cantidad mínima de código del sitio web.
Dos: Reducir las solicitudes HTTP.
Según las estadísticas, los dispositivos de tráfico dedican el 80% de su tiempo a cargar elementos del sitio web, como scripts, hojas de estilo CSS, imágenes, etc., y solo alrededor del 20% de su tiempo se utilizan para cargar otro texto principal. contenido del sitio web. El problema es que habrá solicitudes HTTP para cada sitio web y solo puede haber dos solicitudes HTTP al mismo tiempo. En este caso, suponiendo que haya más de dos solicitudes HTTP al mismo tiempo, inevitablemente ralentizará la velocidad de apertura del sitio web. Como se muestra en la figura:
Para encontrar el impacto de las solicitudes HTTP en la velocidad de la página web, la siguiente solución es reducir la cantidad de solicitudes HTTP.
3. Configure el almacenamiento en caché del lado del servidor para código Javascript, código CSS e imágenes.
Descubrirás que si un usuario visita tu sitio web por primera vez, la próxima vez que visite tu sitio web, la velocidad será más rápida. ¿Cuál es la razón? La razón es el caché del navegador.
Por defecto, la mayoría de servidores o espacios tienen configurada la función de caché. Todo lo que el webmaster o SEOer debe hacer es configurar el tipo de archivo correspondiente y el tiempo de vencimiento en segundo plano. Aquí, la sugerencia es: si es un host de Windows, establezca el tiempo de caché de los archivos de imágenes, CSS y Javascript en 30 días; si es un servidor web Apache, use el módulo mod_cache para activar la función de caché.
4. Optimizar imágenes de referencia en CSS.
Supongamos que una página requiere muchas imágenes circundantes, como los siguientes iconos, etc. Si estas imágenes se llaman individualmente, la cantidad de solicitudes aumentará, es decir, si hay demasiadas imágenes css, la cantidad de solicitudes aumentará y la velocidad de apertura del sitio web se ralentizará.
Si combinamos las imágenes requeridas por la página en una sola, el número de estas solicitudes de imágenes se convierte en 1 y la velocidad de la página será relativamente más rápida. ¿Cómo poner la imagen requerida en una imagen y llamarla en la posición correspondiente? El método consiste en el posicionamiento coordinado. Es decir, obtenga la ruta de la imagen a través de coordenadas CSS y haga referencia a las coordenadas correspondientes en la etiqueta.
Si entiendes el front-end, entonces estos no son grandes problemas. Si no comprende CSS, entonces la herramienta generadora de fusión de imágenes CSS (Baidu puede) puede proporcionar directamente el contenido correspondiente: fusionar imágenes CSS y generar el código correspondiente al mismo tiempo.
5: Posición de salto de código, secuencia de carga de salto de código.
Después de hacer clic en el sitio web, el código de la página se carga de arriba a abajo. Para ello, podemos aprender de
Relativamente simple, podemos comprobar
Por ejemplo, ¿qué es SEO? Los botones para compartir se encuentran en la parte inferior.
6: Comprimir imágenes.
Según las estadísticas, el tiempo de carga de las imágenes es el factor más importante en la velocidad del sitio web. Una vez que se resuelve el problema de la velocidad de carga de la imagen, el problema de la velocidad de la página se resuelve en su mayor parte. Supongamos que el sitio web tiene una gran cantidad de imágenes en formato jpg y necesita comprimirse tanto como sea posible para reducir el tamaño de la imagen sin afectar la visión. De manera similar a la compresión de archivos Javascript, existe una gran cantidad de herramientas en línea que brindan los servicios de compresión correspondientes. Una gran cantidad de software de edición de imágenes, como Meitu Xiu Xiu, tienen funciones de compresión.
7: Habilite la función de compresión gzip en el lado del servidor.
La compresión Gzip es un formato de compresión de datos eficiente. Si se activa la compresión gzip, la tasa de compresión generalmente puede alcanzar alrededor del 75% y el efecto es muy obvio.
Para la optimización SEO de los sitios web anteriores, simplemente busque 6 sistemas externos.