Para los diseñadores de sitios web, la velocidad de acceso del sitio web es aún más importante que el contenido. Incluso si el contenido del sitio web es excelente, si la velocidad de acceso es muy lenta, creo que muchas personas no serán pacientes. Los siguientes son algunos métodos de pérdida de peso del sitio web que se han probado en el diseño web. Los resultados son bastante buenos. Espero prestar más atención a los siguientes elementos al diseñar sitios web en el futuro.
1: Use GZIP para comprimir documentos: la codificación GZIP es un método utilizado para mejorar el rendimiento de la página web. No solo puede reducir el espacio de almacenamiento, sino también reducir el tiempo requerido para la transmisión. Después de comprimir archivos en un sitio web utilizando GZIP, puede aumentar significativamente la velocidad de carga de la página web y también reducir el consumo de tráfico de ancho de banda del sitio web. (El uso de este método aumentará la carga en el servidor porque la configuración del servidor debe modificarse y no está operativa para los usuarios de host virtuales).
2: Herramienta de pérdida de peso de compresión CSS http://www.xland.com.cn/css/geshihuacss.htm
Copie el código CSS de su sitio web en este cuadro y haga clic para comprimir. En general, puede comprimir 1-5k de CSS.
3: Perder peso para archivos JavaScript: este método es diferente de la función de compresión GZIP. Hay muchas formas de reducir los documentos de JavaScript. Aquí recomendamos usar el sitio web de JS en línea de pérdida de peso: http://javascriptcompressor.com/
4: Coloque el archivo de hoja de estilo en llamadas externas: coloque los archivos de hojas de estilo JavaScript y CSS que deben usarse en la página en otra carpeta, de modo que estos archivos llamados se almacenen en caché al abrir otras páginas del sitio web, acelerando así la carga de la página del sitio web.
5: Intente usar el formato GIF para las imágenes del sitio web. Las fotos de formato GIF ocupan poco espacio. Por ejemplo, mis ilustraciones de diseño web, las imágenes de formato JPG generalmente están entre 10-50k, mientras que las imágenes de formato GIF generalmente están por debajo de 10k.
6: Intente no llamar a archivos flash y archivos de video demasiado grandes en la página de inicio.
7: Evite usar la redirección de la página web: ya sea a través de la redirección del lado del servidor o la redirección de contenido a través del código JavaScript, el sitio web primero cargará una página en blanco y luego dirija a otra página. Esto no solo extiende el tiempo de carga de la página, sino que también puede llevar a la incapacidad de saltar, dejando a los usuarios frente a una página en blanco.
8: Ponga el código de estadísticas en la parte inferior del sitio web: no esté en la misma tabla o etiqueta DIV que el contenido de la página. Puede colocar el código de estadísticas directamente en la parte inferior del código de página, o hacer una tabla o div en la parte inferior para colocar el contador. De esta manera, la velocidad de su sitio web no se verá afectada en absoluto cuando el mostrador no sea accesible.
9. Velocidad de prueba del sitio web Sitio web http://loadimpact.com
Ingrese la URL VEVB.com del sitio web que desea probar en el cuadro de texto y luego haga clic en el botón de prueba de inicio para comenzar a probar la velocidad del sitio web. Espere por un tiempo y puede contar algunos datos de carga detallados del sitio web de carga. Incluyendo imágenes generales de carga y en el sitio, así como JavaScript, CSS y otras cargas de código. Puede seleccionar diferentes archivos en la lista correcta para compararlos al mismo tiempo, con hasta tres objetos de carga de datos. Además, se puede generar un gráfico en el sitio web de LoadImpact, que es conveniente para que realicemos el análisis. A través de los datos generados, sabrá dónde está el cuello de botella en la velocidad de su sitio web, resolviendo así el problema.