1. Adoptar el patrón DIV+CSS en el programa del sitio web, en lugar de usar Table
Actualmente DIV+CSS es el lenguaje de programación dominante, lo cual está inseparablemente ligado a sus ventajas de pequeño tamaño y carga rápida. Los sitios web y CMS populares también usan este patrón. Por lo tanto, se recomienda que todos adopten este patrón para programar, en lugar de usar la estructura Table original. La estructura Table no solo es incómoda de gestionar, sino que también aumenta el tamaño de la página web y reduce la velocidad de carga del sitio.
2. Usar la tecnología Gzip para comprimir las páginas web
Usar la tecnología Gzip para comprimir las páginas web es una buena manera de reducir el tamaño de la página. En general, esto requiere el soporte de su espacio de alojamiento web. Por ejemplo, el host compartido A5 que uso puede alcanzar una tasa de compresión del 80%. Con un tamaño de página más pequeño, naturalmente la velocidad de carga será más rápida.
3. Reducir la cantidad y el tamaño de los archivos CSS
En el proceso de usar DIV+CSS, los archivos CSS son muy importantes. Si hay varios archivos CSS durante el desarrollo, se recomienda fusionarlos en uno solo, lo que puede acelerar la velocidad de carga del sitio web. Además, se puede utilizar software profesional de optimización de páginas web para adelgazar los archivos CSS y reducir su tamaño.
4. Usar CDN para acelerar
En el último año, CDN ha sido escuchado con frecuencia entre los webmasters individuales, y muchos amigos también lo están usando. El nombre completo de CDN es Content Delivery Network, que se explica como red de distribución de contenidos. El principio es evitar tanto como sea posible los cuellos de botella y los enlaces en Internet que puedan afectar la velocidad y la estabilidad de la transmisión de datos, haciendo que la transmisión de contenido sea más rápida y estable. Es decir, un acelerador de sitios web. Esto requiere un pago por uso, y las versiones gratuitas no son muy estables.
5. Optimizar el código y reducir la estructura redundante
Si usamos un CMS popular, en este aspecto no debería haber estructuras de código hinchadas, pero hay que tener en cuenta que también pueden existir estructuras irracionales al crear o elegir plantillas de sitio web. Necesitamos usar un marco de programa más simple al escribir plantillas o programas. La simplicidad es beneficiosa para la experiencia del usuario y también favorece el rastreo y la captura de los motores de búsqueda (arañas).
6. Reducir el tamaño y la cantidad de imágenes
Debemos tratar de reducir el tamaño y las dimensiones de las imágenes al subirlas al sitio web. Se pueden comprimir las imágenes antes de subirlas; el tamaño adecuado es suficiente, no deben ser demasiado grandes. Las imágenes son solo un adorno del sitio web, no es necesario que todo sea imágenes y texto. Al mismo tiempo, también debemos evitar el uso de grandes cantidades de contenido de video o audio.
7. Reducir los archivos de scripts JavaScript y tratar de almacenarlos en un solo archivo
Trate de invocar el código JS externamente, no lo coloque en la página web, y mucho menos llame a código JS externo de forma remota. Por ejemplo, Google recomienda cargar el análisis en la etiqueta HEAD. También puede intentar combinar JavaScript y comprimirlos para que se carguen más rápido. A veces tenemos demasiado código CSS y JS en la cabecera, lo que hace que el contenido central se cargue lentamente. Por lo tanto, reduzca al mínimo el código en la cabecera.
8. Usar páginas HTML estáticas
Como todos sabemos, programas como ASP, PHP, JSP completan la interacción estática de la información de la página web. Son muy convenientes de operar, y gracias a su buena interactividad de datos, pueden almacenar y modificar fácilmente el contenido de la base de datos. Pero estos programas también tienen sus propias deficiencias: el servidor primero debe generar la página HTML y luego "transmitirla" al usuario, lo que añade un paso extra y definitivamente afectará la velocidad de acceso al sitio. Por lo tanto, el autor sugiere que cuando un sitio nuevo comienza y durante el período importante de evaluación, sea más seguro usar páginas HTML estáticas.
9. Cambiar el acceso a archivos ASP, ASPX, PHP, etc. a referencias .js
Esto se debe tener en cuenta al programar en ASP, ASPX, PHP, etc. Si se desea incrustar datos dinámicos en una página HTML estática, y estos datos dinámicos son proporcionados por programas como ASP, PHP, se utilizará la siguiente sentencia para referenciar:
<script src="http://www.w3cschool.cc/network_index.php?data=1″></script>
De esta manera, cada vez que una persona visita su sitio web, el servidor tiene que ejecutar y procesar el archivo network_index.php una vez, extraer los datos correspondientes de la base de datos y luego enviarlos a la página para su visualización. Si decenas de miles de personas acceden al mismo tiempo, tendrá que ejecutarse decenas de miles de veces, y las consecuencias son imaginables. Se recomienda generar dinámicamente los datos en un archivo network_index.js en estos programas, y luego, en la página principal, mediante
<script src="http://www.w3cschool.cc/network_index.js"></script>
este tipo de código para referenciar el archivo network_index.js. De esta manera, la tarea de mostrar los datos se deja al navegador del cliente, que no consume los recursos del servidor, por lo que la velocidad de visualización será naturalmente muy rápida; el tiempo que tarda el primero (el método PHP) es casi varias veces mayor que el del segundo (el método JS).
Artículo de:http://www.zuidaima.com/share/1962621598600192.htm