preloader для веб-страницы parallax с несколькими фоновыми изображениями HQ?

Question

Кто может помочь с реализацией экрана загрузки для одной веб-страницы, содержащей множество больших файлов изображений, установленных в качестве фона (background-size: cover;) для нескольких div? он чрезмерен - они имеют ширину 1920 пикселей, всего около 68 из них, всего около 100 мб, но я до сих пор новичок в оптимизации для Интернета.

я смотрю на экран загрузки, используемых на этом сайте: http://thecolorshop.co/product/ginger/ я не против каких-либо предложений - JQuery отлично

я знаю, время загрузки не определяется исключительно размером файлов + страницы (но я уменьшу размер моих изображений до ширины по крайней мере 1500 пикселей), но у кого-нибудь также есть идеи, как эта страница загружается очень быстро, с минимальным отставанием: http://brookandlyn.com/fieldtrip/#intro - хотя это единая веб-страница с параллаксом с несколькими фотографиями с высоким разрешением (1920 пикселей в ширину).

спасибо!

Answer 1

Размер файла не ограничивается размером фактического пикселя, но также можно уменьшить его, используя либо фотошоп, либо используя услугу, например http://www.smushit.com/ysmush.it/, которая сделает ваши изображения меньше в размере файла или попробует этот бесплатный веб-сайт. редактор https://pixlr.com ..

100m страница сайта большая нет нет! время загрузки и полоса пропускания для фактического отображения было бы значительным для мобильных данных, а также не нужно иметь в этот день и возраст.

Вы можете использовать ленивое изображение загрузки, которое поможет загрузить изображения по мере необходимости, чтобы уменьшить загрузку всех изображений с самого начала.

Я не думаю, что экран загрузки поможет вам в первую очередь вам необходимо уменьшить размеры файлов изображения, чтобы они были меньше в mb 100mb, разделенные на 62, составляет 1,6 МБ на изображение, чтобы вы могли уменьшить до примерно 300 КБ это означало бы, что ваши итоговые изображения тогда достигнут 18 мб, это будет иметь огромное влияние на вашу загрузку сайта, а затем даст вам базу, чтобы начать оптимизировать еще больше с ленивыми изображениями загрузки и другими инструментами.

Надеюсь, это поможет вам приступить к получению размера файла.