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