Размер фона: обложка крышки

Question

У меня есть эта проблема. На моем веб-сайте у меня есть много разделов с размером фона: свойство крышки на них, и это заставляет мой сайт отставать, как ад. Есть ли решение содержать 100% ширину изображения на каждом устройстве, но чтобы избавиться от отставания веб-сайта? Я искал некоторые другие веб-сайты и обнаружил, что объект-подходит: обложка для тегов img, но, похоже, не может реализовать это на моей веб-странице. Также я сжимаю каждое изображение, поэтому оно занимает меньше места. Любой ответ будет очень полезен. Заранее спасибо.

Website

Answer 1

Ну первый из вашего веб-сайта нагрузки быстро для меня (но у меня есть очень быстрое соединение). Но тем не менее ваши изображения слишком велики для ваших нужд. Например, box-2.jpg имеет номер size: 3500 x 2333 px. Вы должны изменить размер изображений.

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

Но для вас google speed insights - это хороший способ найти другие элемемы, которые можно было бы оптимизировать.