Red de conocimiento informático - Material del sitio web - Cómo optimizar el código del sitio web

Cómo optimizar el código del sitio web

1. Reducción de etiquetas TABLE

La etiqueta de tabla es la forma de código más común en la mayoría de los sitios web en línea. La razón es que la tabla es más rápida al crear un sitio web, pero esto también lo es. Afecta a la optimización posterior del sitio web.

En comparación con el sitio web de código simplificado con diseño div+css, ocupa un espacio relativamente grande. Por lo tanto, al crear el sitio web, intente utilizar la menor cantidad de tablas posible. Incluso cuando se utilizan tablas, se utilizan tablas anidadas. Úselos también lo menos posible para evitar crear código redundante.

2. Se omiten los comentarios del código

Muchos programadores están acostumbrados a dar un comentario en un lugar que otros no pueden entender cuando escriben código. Estos códigos suelen ser para varios programadores. entre ellos no es de utilidad para los forasteros y los motores de búsqueda. Al contrario, causará ciertos problemas a las arañas de los motores de búsqueda.

Al abrir el código de la página, a menudo vemos algunos códigos de comentarios. Estos son comentarios hechos por los programadores para indicar el significado del código. De hecho, no es necesario abrirlos porque no tienen significado. motores de búsqueda Sí, solo aumentará la capacidad del código de la página, lo que no será de ningún beneficio para el sitio web, por lo que es mejor omitirlo directamente.

3. Borrar el código redundante de la página

Algunos sitios web piensan que los hábitos de escritura de código de los creadores son un problema y que la página tendrá mucho espacio de código, como por ejemplo : duplicación de código de espacio, estilo y fuente. No subestimes el código definido. Si acumulas demasiado código, nuestro sitio web se inflará anormalmente.

Muchos sitios web utilizan DIV+CSS. La fuente, el color y el diseño de página del texto se definen en CSS, pero el estilo y la fuente se utilizan para definir la fuente nuevamente en otras partes del sitio web. No es necesario definir estos códigos repetidamente, son códigos que se pueden simplificar.

4. Convertir el método de control html en control CSS

Muchos diseñadores web están acostumbrados a controlar el contenido dentro de las etiquetas. Por ejemplo, en las etiquetas img, el ancho y el alto se utilizan para controlar el tamaño. de imágenes. , intente convertir estos códigos en CSS externo para hacer que el código de la página web sea más delgado.

5. Almacenamiento en caché de recursos estáticos

Al configurar el caché del navegador, los archivos como css y js que no se actualizan con frecuencia se almacenan en caché en el lado del navegador, de modo que cuando el mismo visitante los visite. nuevamente al sitio web, el navegador puede obtener css, js, etc. del caché del navegador sin tener que leerlos desde el servidor cada vez, lo que acelera en cierta medida la velocidad de apertura del sitio web y ahorra tráfico del servidor.

6. Tecnología de compresión de páginas web

Para la compresión de páginas web, creo que todos los webmasters están familiarizados con ella. El método principal es habilitar el servidor Gzip y Gzip comprime la página para reducir el tamaño. tamaño de los elementos, lo que reduce el tamaño de los elementos y, por lo tanto, aumenta la velocidad de carga de las páginas web. Esta función requiere el soporte del servidor. La compresión GZIP generalmente puede comprimir las páginas web entre un 30% y un 80%. es un efecto de optimización importante.