Cómo reducir eficazmente el tiempo de carga de una página web
4. Active la compresión gzip en el servidor.
Todo el mundo está familiarizado con esto. Cuando el contenido a transmitir se comprime y luego se transfiere al cliente y luego se descomprime, la cantidad de. Los datos transmitidos en la red aumentarán considerablemente. Por lo general, Apache y Nginx en el servidor pueden habilitar esta configuración directamente. También puede configurar directamente el encabezado del archivo de transmisión desde la perspectiva del código, agregar configuraciones de gzip o configurarlo directamente desde el dispositivo de equilibrio de carga. Sin embargo, cabe señalar que esta configuración aumentará ligeramente la carga en el servidor.
5. La definición del formato CSS se coloca al principio del archivo.
Esta configuración es más beneficiosa para la situación en la que el cliente se encuentra en una red lenta o el contenido de la página web. es relativamente grande y se puede presentar gradualmente en la página web. Al mismo tiempo, la información del formato se mantendrá y la belleza de la página web no se verá afectada.
6. Los scripts de Javascript se colocan al final del archivo
Muchos scripts de Javascript tienen una baja eficiencia de ejecución o algunos scripts de nombres de dominio de terceros fallan inesperadamente si estos scripts. se colocan en la página Una posición relativamente temprana puede hacer que la velocidad de carga del contenido de nuestro propio sitio web se ralentice o incluso no se cargue normalmente. Por lo tanto, estos scripts generalmente se colocan al final del archivo de la página web. colocado en el frente debe cambiarse al llamado "método de carga posterior, cargar después de cargar la página web principal para evitar que afecte la velocidad de carga de la página web principal".
7. Evite el uso de scripts CSS (expresiones CSS)
A veces, para cambiar dinámicamente los parámetros CSS, se pueden usar expresiones CSS, pero esto compensará las ganancias y pérdidas y hará que El usuario obviamente aumenta la carga sobre el navegador, por lo que no se recomienda hacer esto. Si es necesario realizar cambios, puede utilizar scripts Javascript para lograrlo.
8. Cambie css y javascript para que se llamen externamente.
Si el contenido de css y js es relativamente grande, intente no escribirlo en la misma página. para cargarlo externamente porque el propio navegador almacenará en caché los archivos css y js.
9. Comprimir código Javascript y CSS
Generalmente, hay muchos espacios, saltos de línea y comentarios en los archivos js y css, que son convenientes para leer. comprimirse, será muy beneficioso para la transmisión de red. Hay muchas herramientas en esta área. Generalmente, puede conservar la versión de desarrollo y usar la herramienta para generar la versión de producción. Comparando los dos archivos, la tasa de compresión generalmente puede alcanzar más del 50% y la cantidad de datos se reduce bastante. considerable.
Mi blog acaba de ser revisado y varios códigos no se han optimizado ni comprimido. Actualmente, la calificación yslow solo puede llegar a D. Cuando hay tiempo para una optimización parcial, no debería ser un gran problema. alcanzar la calificación C.
10. Evite el uso de redireccionamientos 301 y 302
11 Desarrolla buenos hábitos de desarrollo y mantenimiento y trata de evitar llamadas repetidas a scripts
12. /p> p>
13. Ajax usa llamadas en caché
Para usar esto, puede consultar el código del foro de Discuz, que usa llamadas en caché para una gran cantidad de llamadas de Ajax. Se utilizan parámetros de funciones adicionales para implementarlo. Nota
es el parámetro característico. Si este parámetro no cambia, se utilizará el archivo de caché. Si cambia, se descargará el nuevo archivo o se descargará la información. poner al tanto.
14. Utilice Flush correctamente
Después de que el cliente envía una solicitud de navegación, el servidor generalmente tarda entre 200 y 500 ms en procesar estas solicitudes. Durante este período, el navegador del cliente está en estado de espera. , si desea reducir el tiempo de espera del usuario, puede usar fluir en la ubicación adecuada para enviar el contenido listo al usuario. Esto es fácil de implementar en PHP. Por ejemplo:
15. use GET para llamadas Ajax. Llamada al método
Cuando se usa XMLHttpRequest, si se usa el método POST, se producirán dos solicitudes HTTP, mientras que solo se producirá una solicitud HTTP usando el método GET.
Si utiliza el método GET, las solicitudes HTTP se reducen en un 50 %.
16. Reducir los elementos DCOM tanto como sea posible
Esto es fácil de entender, es reducir la cantidad de varios elementos <> en la página web tanto como sea posible, como ya que la redundancia de
es grave y podemos reemplazarla totalmente con.