2020/4/15
El problema
HTML: hay una gran cantidad de imágenes en una página (gran sitio web de comercio electrónico), la carga es muy lenta, ¿cuáles son sus formas de optimizar la carga de estas imágenes para ofrecer a los usuarios una mejor experiencia?
CSS: ancho fijo, sin saltos de línea, texto oculto con puntos suspensivos
JavaScript: 9. Los parámetros se pasan por el valor 13. Objetos y argumentos tipo matriz
HTML: hay una gran cantidad de imágenes en una página (gran sitio web de comercio electrónico), la carga es muy lenta, ¿cuáles son sus formas de optimizar la carga de estas imágenes para ofrecer a los usuarios una mejor experiencia?
Puede retrasar la carga de imágenes que son invisibles para el usuario a primera vista en la primera pantalla y, preferentemente, cargar las imágenes necesarias para la primera pantalla
CSS: ancho fijo, sin saltos de línea, texto oculto con puntos suspensivos
p {
width: 100px;
background: salmon;
/*显示省略符号来代表被修剪的文本。*/
text-overflow: ellipsis;
overflow: hidden;
/*不换行*/
white-space: nowrap
}
<p>我是小布我是小布我是小布我是小布我是小布</p>