Подгружается ли картинка в background

Сообщений: 179 Регистрация: Апр 2012

8 Января 2018 01:27

Здравствуйте.
На страницах сайта отображается фон посредством наличия в css такой строки: "background: url(../images/bg.jpg) no-repeat;"А для главной страницы у меня подружатся дополнительный стиль, который видоизменяет страницу как мне надо. Для этого мне нужно было отключить тот самый фон, и я сделал так:
указал для css главной "background: #f1f1f1 !important;".

Таким образом фон в виде картинки на главной не отображается, что мне и надо. Вопрос: подгружает ли браузер фоновую картинку на главной и правильное ли решение задачи я использовал?
PS: На главной странице одновременно прописаны оба параметра для фона, но параметр с цветом перекрывает параметр с картинкой.

Изменено: Денис Владимирович - 8 Января 2018 01:30

knagty knagty

Сообщений: 477 Регистрация: Авг 2011

8 Января 2018 07:22

Цитата

Денис Владимирович пишет:
Здравствуйте.
На страницах сайта отображается фон посредством наличия в css такой строки: "background: url(../images/bg.jpg) no-repeat;"А для главной страницы у меня подружатся дополнительный стиль , который видоизменяет страницу как мне надо. Для этого мне нужно было отключить тот самый фон, и я сделал так:
указал для css главной "background: #f1f1f1 !important;".

Таким образом фон в виде картинки на главной не отображается, что мне и надо. Вопрос: подгружает ли браузер фоновую картинку на главной и правильное ли решение задачи я использовал?
PS: На главной странице одновременно прописаны оба параметра для фона, но параметр с цветом перекрывает параметр с картинкой.

Скорее всего да) Но чтобы знать наверняка, в хроме - правая кнопка мыши, просмотреть код (откроется панель справа), выбрать вкладку network, перезагрузить страницу и посмотреть. Там будут все запросы всех ресурсов, которые загружались. Возможно, в вашем случае картинка начнет загружаться (если она не закэширована), но потом загрузка прервется. В этом случае в столбце status будет написано canceled.

Денис Владимирович

Сообщений: 179 Регистрация: Апр 2012

8 Января 2018 15:28

Цитата

knagty knagty пишет:

Цитата

Спасибо за полезную подсказку! Проверил, фон не грузится и в списке элементов, которые на главной, его абсолютно нет.:)Видимо оба css обработаны в самые первые мгновения загрузки страницы (что и логично) и бразуер понял, что отрабатывать один из параметров css не стоит и лишь потом загрузил страницу.

Изменено: Денис Владимирович - 8 Января 2018 15:30

knagty knagty

Сообщений: 477 Регистрация: Авг 2011

8 Января 2018 16:20

Цитата
Денис Владимирович пишет: Видимо оба css обработаны в самые первые мгновения загрузки страницы (что и логично) и бразуер понял, что отрабатывать один из параметров css не стоит и лишь потом загрузил страницу.

Вполне может быть такой вариант) А еще может зависеть от браузера. Но вряд ли стоит переживать по этому поводу) Это мелочь) Если фон загрузится на главной - ничего страшного, так как картинка уже будет в кэше, когда пользователь зайдет на интересующую внутреннюю страницу.

lol_cp

Сообщений: 4751 Регистрация: Май 2012

8 Января 2018 20:40

Исследовать элемент (посмотреть код - если хром) в браузере. Там показывает, что и как подключается и обрабатывается - сервером, клиентом, браузером. Так же там есть коды ответа, чтобы понять кэш или нет, и все настройки ваши на стороне клиента и сервера. В CSS элементы, что не используются зачеркиваются на странице, тем самым вы поймете, работает или нет. Это если кратко, но в целом об этом выше говорили.

SEO ПРОДВИЖЕНИЕ САЙТА В ЯНДЕКСБ ГУГЛЕ. SEO АУДИТ, ПОДНЯТЬ ИКС САЙТУ. * ПЕРЕД ЗАКАЗОМ УСЛУГИ, ОЗНАКОМИТЬСЯ FAQ

Redrik Сообщений: 18 Регистрация: Авг 2011	#6 10 Января 2018 22:44 Браузер занимается стилями страницы только после того как полностью загрузил css-файл и обработал его. Так что если какому-то HTML- элементу описаны два (или хоть десять) взаимоисключающих стиля, то браузер попросту будет работать с самым последним, а остальные просто проигнорирует.

Похожие темы:

07.06.2018 18:19	Верстка, что бы картинка не закрывала рамку
17.03.2018 14:52	Увеличивающаяся картинка
21.02.2018 22:41	Статистическая страница с картинками в дле
11.08.2016 16:42	Как сделать чтобы картинка не растягивалась?
05.10.2013 01:12	Съезжает картинка-лого ПП (cityads)

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
17:28 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 17:18 Трафик пробил дно? Худший январь за 10 лет и внезапный рост продаж с Bing 17:05 Гугл официально убивает клики: кнопка "Show more" теперь открывает чат на весь экран вместо сайтов 17:00 Дзен окончательно всё? Или у кого-то еще «стреляет» белый контент? 16:53 "The web is a dynamic place". Мюллер ответил по шторму 30 января (лучше б молчал) 16:31 Плагин ответа 12:29 РСЯ и тормоза сайта: Яндекс начал штрафовать за плохой PageSpeed?	16:37 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 16:10 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 15:45 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 11:21 Trustpilot Reviews \| Подниму рейтинг вашей компании 11:19 №1 Рассылка / Инвайтинг [TELEGRAM] \| Приватный метод 11:16 Продвижение YouTube видео в топ поиска \| Любой тип контента \| Гарантия результата 11:15 Продвижение сайта: [SEO-трафик][Вывод в ТОП][Крауд-маркетинг + SEO]	18:23 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 17:02 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 11:50 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес 08:25 Отвратительное поведение 05:31 Точные прогнозы на футбол 11:00 Кто может дать инвайт на WebMasters? 17:58 Список обновленных тем пуст...