Cuando visita un sitio web independiente de comercio exterior, las imágenes siempre se cargan lentamente y la pantalla se queda en blanco durante unos segundos. ¿Cómo solucionar el problema?
De hecho, no sólo los sitios de comercio exterior, sino cualquier sitio tendrá una pantalla blanca y un tiempo de carga prolongado si no se optimiza adecuadamente. Los sitios web de comercio exterior generalmente se implementan en servidores extranjeros, por lo que es común que el acceso nacional sea inestable debido a las condiciones de la red internacional.
¿Cuáles son los motivos de la pantalla blanca en un sitio web?
Los recursos estáticos requeridos por la página web no se han cargado;
Los archivos JS se cargan lentamente, bloqueando la descarga y renderizado de CSS;
El motivo de carga lenta de imágenes
p>
La página web contiene demasiados recursos de imágenes y el navegador tiene un límite en la cantidad de solicitudes simultáneas de recursos estáticos;
El tamaño de el archivo de imagen cargado es demasiado grande y no se realizó el recorte necesario;
Las imágenes a las que se hace referencia en la página han sido eliminadas;
Cómo resolver el problema de la carga lenta de imágenes y pantalla blanca?
La carga lenta de imágenes y el fenómeno de la pantalla blanca pertenecen al campo de la optimización front-end. Hemos compilado algunos planes de optimización para su referencia:
1.
Las solicitudes dinámicas (páginas que requieren cálculo y procesamiento) y las solicitudes estáticas (imágenes, CSS/JS y otros archivos) separadas se implementan con diferentes nombres de dominio para facilitar la aceleración de CDN.
2. Utilice CDN para acelerar recursos estáticos
Utilice CDN para acelerar imágenes, CSS, JS, audio y vídeo y otros archivos. Debe elegir un proveedor de servicios CDN con nodos en el extranjero. asegúrese de que los visitantes descarguen recursos estáticos cercanos.
3. Las imágenes de la página deben recortarse adecuadamente
Por ejemplo, un área determinada solo necesita mostrar una imagen de 100x100px, pero la imagen que cargamos es de 1024x768px, que es demasiado. grande. El archivo de imagen afecta directamente la velocidad de carga de la imagen, así que asegúrese de recortar la imagen según sea necesario.
4. Solicite la fusión de archivos CSS y JS
Si hay muchos archivos CSS y JS a los que se hace referencia en la página, es necesario fusionar estas solicitudes en una sola para reducir la velocidad del navegador. La cantidad de solicitudes del lado del servidor y la aceleración de recursos serán más rápidas sin un bloqueo excesivo. Por supuesto, la fusión de solicitudes requiere soporte del lado del servidor.
5. Mi punto de vista es recomendar condicionalmente el despliegue de nodos en el país y en el extranjero. Bienvenido a comunicarse en el área de comentarios a continuación ~ Soy un creador en el campo de la tecnología y tengo diez años de experiencia en la industria de Internet. Las consultas en línea son bienvenidas
.