Cómo reducir la carga y el tiempo de carga de la primera página de una página web
A los internautas no les gusta pasar demasiado tiempo esperando a que se abra una página web cuando navegan por Internet. Cuanto más esperen, el usuario puede cerrar la página web directamente, lo que perderá mucho tráfico. En segundo lugar, la clasificación de las palabras clave está relacionada con la velocidad de apertura de la página web. Esto refleja principalmente la experiencia del usuario en los motores de búsqueda. Si la experiencia del usuario es buena, la clasificación será mejor en comparación con otros sitios web. Por lo tanto, creo que es necesario que mejoremos la velocidad de apertura de las páginas web. Esto no requiere demasiada inversión, solo requiere prestar más atención a algunos consejos. ¡Aquí hay 20 métodos que lo ayudarán a mejorar y acortar la velocidad de acceso al sitio web! Tiempo de carga de la página web. 1. Reducir la cantidad de solicitudes HTTP de páginas. La comprensión más sencilla es reducir la cantidad de llamadas a otras páginas y archivos. A/html/rfc2397. 2. Utilice la aceleración de red CDN (Content Delivery Network). Hay muchas empresas en China que hacen negocios de aceleración de CDN. En pocas palabras, es difundir sus imágenes y videos a lugares a los que la red CDN pueda llegar. , permitiendo a los usuarios acceder a ellos. Estos archivos se pueden descargar cerca para lograr el propósito de acelerar la red. Esto también puede reducir la carga en su propio sitio web. 3. Agregue caducidad de archivos o encabezados de caché para imágenes, archivos de script Js, etc. a los que el mismo usuario accede con frecuencia, puede configurar el tiempo de almacenamiento en búfer en Apache o Nginx, por ejemplo, establecer un tiempo de caducidad de 24 horas, por lo que que cuando el usuario vuelva a visitar la página después de visitarla, se establecerá el mismo tiempo de búfer para que las imágenes de grupo o JS ya no se descarguen repetidamente, lo que reducirá las solicitudes HTTP, la velocidad de acceso del usuario mejorará significativamente y la carga del servidor. también reducirse. El siguiente es un ejemplo de control de caché en la configuración de nginx: 4. Todo el mundo sabe que el servidor activa la compresión gzip, lo que significa que el contenido que debe transmitirse se comprime y luego se transfiere al cliente y luego se descomprime, de modo que la cantidad de datos transmitidos en la red se reducirá 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. Colocar la definición del formato CSS en el encabezado del archivo es ventajoso para situaciones en las que el cliente se encuentra en una red lenta o el contenido de la página web es relativamente grande. La información del formato se puede mantener mientras la página web se representa gradualmente, sin afectar. La belleza de la página web. 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 no se cargan inesperadamente. Si estos scripts se colocan al principio de la página, puede causar el error. El contenido de nuestro propio sitio web se daña. La velocidad de carga disminuye o incluso no se carga normalmente, por lo que estos scripts generalmente se colocan al final del archivo de la página web. Los scripts que deben colocarse al frente deben cargarse usando el modo. Se llama método de "postcarga" y luego se carga 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 de CSS, puede usar expresiones CSS para lograrlo. Sin embargo, esto superará los beneficios y aumentará significativamente la carga para el navegador del lado del usuario. , por lo que no se recomienda hacer esto. Si es necesario, los cambios se pueden implementar mediante scripts Javascript. 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. Es más apropiado cargarlo externamente, porque el propio navegador almacenará en caché el css y. archivos 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 la lectura, y serán muy beneficiosos 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 alcanzar 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. Desarrolle buenos hábitos de desarrollo y mantenimiento y trate de evitar llamadas repetidas a scripts. 12. Configure ETags13 para usar esto, consulte el código del foro de Discuz. que utiliza llamadas Ajax que se utilizan en grandes cantidades. El método de llamada de caché generalmente se implementa mediante parámetros de función adicionales. Tenga en cuenta que el parámetro de función es el parámetro de función. Si este parámetro no cambia, se utilizará el archivo de caché. , se descargará nuevamente el nuevo archivo o se actualizará la información. 14. Después de que el cliente Flush se utiliza correctamente para enviar solicitudes 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 colocarlo en una posición adecuada. Utilice Flush para enviar contenido listo al cliente. Esto es fácil de implementar en PHP. Por ejemplo: 15. Intente utilizar el método GET para llamadas Ajax cuando utilice XMLHttpRequest. Se utiliza, se producirán dos solicitudes HTTP y solo se producirá 1 solicitud HTTP utilizando el método GET. Si cambia al método GET, las solicitudes HTTP se reducirán en un 50%. 16. Reduzca los elementos DCOM tanto como sea posible. Esto es fácil de entender, es decir, reducir al máximo la cantidad de varios elementos <> en la página web. Como sea posible, por ejemplo, la redundancia es muy grave y podemos reemplazarla por completo con Of. 17. Cuando utilice varios nombres de dominio para cargar varios archivos e imágenes en una página web, recuerde tener información que indique que durante el proceso de carga de la página web, IE puede realizar hasta 2 solicitudes HTTP paralelas para el mismo nombre de dominio al mismo tiempo. Si la página web necesita La cantidad de archivos cargados excede 2 (generalmente mucho más que... Para acelerar el acceso a la página web, es mejor distribuir los archivos a varios nombres de dominio. Por ejemplo, en el piso 19). Los archivos js utilizan nombres de dominio independientes. Se dice que el número de servidores de imágenes de Baidu supera las 20 unidades. 18. Reduzca el uso de iframes. Si es necesario, intente no utilizar iframes. Los iframes generalmente se usan para cargar contenido de diferentes nombres de dominio. Esto también puede afectar la velocidad de carga de la página web principal. posible, capture el contenido que debe cargarse directamente de forma local. Si realmente necesita cargar iframe, utilice el método de carga posterior para lograrlo. 19. Optimice los archivos de imagen. Optimice los archivos de imagen y reduzca su tamaño, especialmente las miniaturas. Asegúrese de generar miniaturas según el tamaño y luego llamarlas. No utilice el método de cambio de tamaño en la página web. Es curioso, no lo son. La cantidad de datos cargados no ha disminuido en absoluto. ¿Alguna vez ha visto una miniatura que alguien cargó en una página web y su tamaño real es tan grande como 10 M? Las imágenes e íconos comunes también deben comprimirse tanto como sea posible. Esto se puede lograr guardando imágenes web, reduciendo la cantidad de imágenes. colores, etc 20. Cuando el contenido de la página es lo suficientemente grande, se puede mostrar en paginación o en el método de carga de Taobao después de pasar la página.