Red de conocimiento informático - Material del sitio web - Cómo optimizar la velocidad de carga de la página

Cómo optimizar la velocidad de carga de la página

1. Tiempo de respuesta del servidor

Incluso si el sitio web ha sido optimizado, no tendrá ningún gran efecto a menos que el tiempo de respuesta del servidor sea muy rápido. Cuando se trata de mejorar la velocidad del sitio web, el tiempo de respuesta del servidor juega un papel importante. A continuación se ofrecen algunos consejos para mejorar el tiempo de respuesta del servidor.

Tener un servidor dedicado en lugar de optar por un servidor compartido/alojado.

Mejorar la calidad del servidor web.

Elimine los complementos innecesarios. Solo deben mantenerse habilitados en todo momento aquellos complementos que sean necesarios.

2. Caché del navegador

La caché del navegador puede reducir las solicitudes HTTP, lo que a su vez mejora la velocidad de carga del sitio web. A continuación se muestra un ejemplo de código de cómo aprovechar la caché del navegador:

Código Java

ExpiresActive On

ExpiresByType image/jpg "acceso 1 año"

ExpiresByType image/jpeg "acceso 1 año"

ExpiresByType image/gif "acceso 1 año"

ExpiresByType image/png "acceso 1 año"

ExpiresByType texto/css "acceso 1 mes"

ExpiresByType texto/html "acceso 1 mes"

ExpiresByType aplicación/pdf "acceso 1 mes"

ExpiresByType texto /x-javascript "acceso 1 mes"

ExpiresByType aplicación/x-shockwave-flash "acceso 1 mes"

ExpiresByType imagen/x-icon "acceso 1 año"

ExpiresDefault "acceso 1 mes"

Nota: si el tiempo de vencimiento está vinculado al archivo y es necesario cambiar el contenido del archivo en este momento, se debe cambiar el nombre del archivo. primero para que el navegador pueda obtener el nuevo código Agregado.

Compresión 3.gzip

La compresión Gzip es una utilidad de compresión que podemos utilizar para cargar sitios web rápidamente. Funciona comprimiendo el tamaño de los archivos HTML y CSS antes de enviarlos al navegador de Internet.

Permite que el módulo mod_defalte habilite la compresión Gzip, aquí hay un ejemplo de código de cómo usarlo:

Código Java

# Comprimir HTML, CSS, JavaScript, Texto, XML

AddOutputFilterByType DEFLATE aplicación/javascript

AddOutputFilterByType DEFLATE aplicación/xhtml+xml

AddOutputFilterByType DEFLATE aplicación/xml

AddOutputFilterByType DEFLATE texto/css

AddOutputFilterByType DESINFLAR texto/html

AddOutputFilterByType DESINFLAR texto/javascript

AddOutputFilterByType DESINFLAR texto/sin formato

AddOutputFilterByType DESINFLAR texto/xml

# Eliminar errores del navegador (sólo necesario para navegadores muy antiguos)

BrowserMatch ^Mozilla/4 gzip-only-text/html

BrowserMatch ^Mozilla/4\.0[678 ] no-gzip

BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

Encabezado adjunto Vary User-Agent

4.

Otra gran opción para mejorar la velocidad de la página del sitio web son los scripts de carga asincrónica. De esta manera, la carga de la página web no tiene que depender de estos scripts asincrónicos y los visitantes del sitio web ya no tienen que reprimirse y esperar a que se carguen todos los scripts antes de que se represente la página. En modo asíncrono, el script se descarga en segundo plano. Normalmente, tratamos los scripts de terceros como scripts asincrónicos porque la descarga de estos scripts a menudo puede hacer que un sitio web sea muy lento.

Código CSS

5. Content Delivery Network (CDN)

Content Delivery Network (CDN) es una red compuesta por servidores ubicados en diferentes ubicaciones geográficas. Cada servidor guarda una copia de los archivos de todos los sitios web. Si un visitante de un sitio web solicita archivos y páginas web, se pueden enviar directamente desde el servidor del sitio web más cercano (o desde el servidor con la menor carga).

6. Optimice JavaScript, HTML y CSS

Optimizar JavaScript y CSS también puede mejorar la velocidad de la página de un sitio web, y este método es muy simple. Optimizar JavaScript, HTML y CSS significa eliminar todos los espacios en blanco y comentarios innecesarios, reduciendo así el tamaño del archivo. A continuación se muestran algunas herramientas populares para minimizar JavaScript y CSS que son muy útiles.

CSS Minifier

Avivo

Compresor HTML

7. Hoja de estilo en la parte superior y script en la parte inferior

Colocar la hoja de estilo en la parte superior ayuda a que el sitio web se cargue rápidamente porque permite que la página web se represente progresivamente. Generalmente, todos los navegadores de Internet admiten la descarga paralela de dos componentes (imágenes, estilos y scripts) en un momento dado. Pero en términos generales, los scripts dominantes bloquearán otras descargas durante las descargas paralelas hasta que se descargue el script.

8. Evite bloquear JavaScript y CSS

Antes de que el navegador muestre la página web, primero debe crear un árbol DOM analizando el lenguaje de marcado HTML.

Durante este proceso, si se encuentra un script, el proceso finalizará y el script se ejecutará primero, y luego se continuará con la actividad original. Por tanto, se recomienda evitar bloquear JavaScript, especialmente los scripts externos.

Bloquear JavaScript también puede provocar retrasos en el sitio web. Por lo tanto, también puedes posponer la carga de JavaScript sin importancia o cargarlo de forma asincrónica. Otra opción es incrustar estos códigos HTML en el sitio web, asegurándose de que el CSS esté optimizado.

9. Análisis retrasado de JavaScript

Para cargar una página web, el navegador debe analizar todo