是否有人能够帮助实现单个网页的加载屏幕，其中包含许多大图像文件设置为多个div的背景（background-size：cover;）？它到目前为止过度 - 它们的宽度为1920px，其中大约有68个，总共大约100mb - 但到目前为止，我还是一个优化网络的新手。
我正在查看本网站上使用的加载屏幕：http://thecolorshop.co/product/ginger/ 我不介意任何建议 - jquery很好
我知道加载时间并不完全取决于页面文件的大小（但我会将图片的大小减小到至少1500px宽度），但任何人都会有任何想法如何页面加载非常快，最小延迟：http://brookandlyn.com/fieldtrip/#intro - 虽然它是一个单视差网页，其中包含一些高分辨率照片（宽度为1920像素）。
谢谢你！答案 0 :(得分：0)
图片的文件大小不仅仅是实际的像素大小，而且您可以使用photoshop或使用像http://www.smushit.com/ysmush.it/这样的服务来减少它，这会使您的图片文件大小变小或尝试这个免费网站图片编辑器https://pixlr.com ..
100米网站页面是一个大不禁！实际显示的负载时间和带宽对于移动数据来说是很大的，而且在这个时代也没有必要。
您可以使用延迟加载图像，这将有助于根据需要加载图像，以减少从一开始就加载所有图像。
我不认为加载屏幕会帮助您首先减少图像的文件大小，使它们更小，mb 100mb除以62，每张图像为1.6mb，这样您就可以减少图像大约300kb这意味着你的总图像将达到18mb左右，这将对你的网站加载产生巨大影响，然后为你提供一个基础，开始使用延迟加载图像和其他工具进行更多优化。
希望这可以帮助您开始降低文件大小。