. Recientemente, se revisó la interfaz de usuario de la página web. Además de unas pocas páginas, toda la estación básicamente unificó el estilo de la interfaz. Al resolver varios problemas de compatibilidad del navegador, se realizó una búsqueda inadvertida. Vaya a un complemento de FireFox, YSlow for Firebug, que es una herramienta de optimización de sitios web de código abierto para probar el rendimiento de front-end de los sitios web. Existen 13 reglas para la calificación de rendimiento de YSlow: 1. Hacer menos solicitudes HTTP, 2. Usar un CDN, 3. Agregar un encabezado Expires, 4. Componentes Gzip, 5. Poner CSS en la parte superior, 6. Poner JS en la parte inferior, 7. Evite las expresiones CSS, 8. Haga que JS y CSS sean externos, 9. Reduzca las búsquedas de DNS, 10. Minimice JS, 11. Evite las redirecciones, 12. Elimine los scripts duplicados, 13. Configure ETags. Esto se simplifica aún más en los "34 Códigos de oro para el mejor rendimiento de los sitios web de Yahoo!". Ahora, analicemos el artículo 3, que es más fácil de implementar. Simplemente configure el servidor web como iis o apache. Se puede lograr el encabezado http más " caducidad de contenido ". Teniendo en cuenta que se está revisando el sitio web, es necesario modificar css y js. Aquí se agrega el tiempo de caducidad apropiado a los recursos relevantes: 1. imagen, flash expira después de 100 días, 2. css, js expira después de 3 días. Proceso de configuración: abra el sitio web relevante en el administrador iis, busque los archivos y carpetas que deben configurarse y luego haga clic en el atributo, puede configurarlo en el " encabezado http " Si especifica una hora de caducidad, como 2008-12-26 14:26:00, obtendrá una hora de caducidad clara en el encabezado http del navegador: como Expires: Fir, 26 de diciembre de 2008 14:26:00 GMT, este es un tiempo GMT estándar (Greenwich Mean Time); si expira después de 100 días, el encabezado recibido recibirá Cache-Control: max-age = 8640000 (en segundos). Los dos encabezados anteriores reciben la instrucción de que el navegador almacena en caché el contenido de la solicitud y guarda el archivo en la carpeta de caché temporal del navegador hasta que llega a la fecha de caducidad (independientemente de que el navegador borre automáticamente la memoria caché y el usuario debido a que no hay suficiente espacio en la memoria caché) Borre la memoria caché para estos casos. Internet Explorer puede encontrar estos archivos de caché en la carpeta C: \\ Documentos y configuración \\ Administrador \\ Configuración local \\ Archivos temporales de Internet. En la primera visita, el navegador almacenará en caché el contenido según Expires y Cache-Control. En el segundo acceso, si el contenido almacenado en caché no ha caducado, el contenido relevante se lee directamente desde el caché. En otro caso, cuando el usuario haga clic en el botón de actualización, el navegador solicitará todo el contenido del servidor, independientemente de si está en caché o no. Use HttpWatch, proceso de prueba de yslow: 1, tiempo de vencimiento abierto, primera visita (HttpWatch) (YSlow) 2, tiempo de vencimiento abierto, segundo acceso (HttpWatch) (YSlow) 3, tiempo de vencimiento abierto, HttpWatch dos visitas Comparación de los resultados 4, sin tiempo de vencimiento abierto, primera visita 5, sin tiempo de vencimiento abierto, segundo acceso 6, sin tiempo de vencimiento abierto, HttpWatch dos visitas resultados de comparación Los resultados de la prueba son ligeramente diferentes, pero podemos ver Cuando se realiza el segundo acceso después de que se abre el tiempo de caducidad, los archivos relacionados se han almacenado en la memoria caché. Enviados y recibidos no han generado tráfico de comunicación. En el elemento Resultado, se muestra el Caché, y es obvio que los datos se leen desde el caché. De las 49 solicitudes en el primer acceso a 9 solicitudes, el tiempo de solicitud y el tráfico se reducen significativamente. Abra un sitio web que no se haya configurado como "caducidad de contenido", la cantidad de solicitudes http generadas por la primera visita y la segunda visita no ha cambiado, pero la recepción también se reduce mucho, porque la primera solicitud, el navegador estará en Pro El archivo relacionado se guarda en la carpeta temporal y el servidor devolverá un campo de Última modificación al cliente. Cuando el archivo sea necesario cada vez, el cliente enviará este campo al servidor y el servidor utilizará el archivo más reciente para hacerlo. Compare, si no se ha cambiado, luego devuelva 304 No modificado, entonces el cliente se toma directamente de la memoria caché, por lo que el tráfico generado es muy pequeño, pero la solicitud no se reduce, como en el punto 5 anterior. Después de comparar estas pruebas, puede ver la importante función que desempeña el caché. Además, en asp.net y otros programas, también puede especificar el tiempo de caducidad, como por ejemplo: Response.Expires = 3600, por lo que el contenido de texto /html de la página también se almacenará en caché. Si el contenido de la base de datos se ha modificado, cuando el usuario accede de nuevo, el contenido es No se actualizará, dentro del tiempo de vencimiento, puede actualizar manualmente para obtener el contenido más reciente. Si el programa no usa el tiempo de vencimiento especificado, Caché, después de que cambie el contenido de la base de datos, sin importar cómo acceda a la página web (nuevo navegador, atrás), obtendrá el contenido más reciente.