- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Зачем быть уникальным в мире, где все можно скопировать
Почему так важна уникальность текста и как она влияет на SEO
Ingate Organic
В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи
И выявили более 7 млн подозрительных пользователей
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Вечер добрый!
Есть полноценная версия лендинга, и есть для мобильного в 320px шириной, на которой многие блоки и фотографии отсутствуют. Пока в стадии готового дизайна.
Встал вопрос верстки:
При открытии с мобильника эти блоки и фотографии (которые на мобильном не нужны):
а) не будут отображаться, но все равно загрузятся на телефон
б) даже и загружаться не будут.
А то версии у тех с кем общался, разделились как раз на эти два пункта.
Однозначного ответа нет. Фоновые изображения, которые будут подключены через @media не будут грузится других размеров, чем размер для вашего устройства: "Использование медиазапросов для фоновых изображений позволяет загружать с сервера только нужные изображения."
А для изображений так: <img alt="отзывчивое изображение"src="small.jpg"srcset="large.jpg 1600w,large.jpg 800w 1.95x,medium.jpg 800w,edium.jpg 400w 1.95x">
Все зависит от умений верстальщика.
Кстати, вопрос довольно интересный.
Что если мы например, через медиазапрос отключаем (display:none) определенный див с картинкой? По идее браузер мобильника все равно читает это див, но просто не отображает, т.к. такова инструкция в css.
Поэтому соглашусь с vlad00777, смотря как сверстано
Чет вопроса даже не заметил в нескольких абзацах текста.
Второе очевидно же - инет не у всех быстрый на моблилах, да и зачем грузить то, чего не увидишь?
Кстати, вопрос довольно интересный.
Что если мы например, через медиазапрос отключаем (display:none) определенный див с картинкой? По идее браузер мобильника все равно читает это див, но просто не отображает, т.к. такова инструкция в css.
Поэтому соглашусь с vlad00777, смотря как сверстано
display:none - загрузит все равно. Просто не показывает. Но это мое ИМХО.
Кстати у меня на телефоне 1020 nokia в IE вообще @media не работает, то-ли руки у меня кривые, то-ли браузер, я как не ковырял, так и не смог проверить..
Skf, картинка <img> в контейнере с display: none; загрузится, фоновое изображение - не загрузится
Skf, картинка <img> в контейнере с display: none; загрузится, фоновое изображение - не загрузится
А img style display none?
Вы проверяли, или где-то прочитали? Если читали - поделитесь ссылкой, тоже интересно, пока пиво пью :p
Вы проверяли, или где-то прочитали?
Есть кстати как проверить? Простой способ.
F12 в современных браузерах... Не должен загружать, хотя если извратиться....
F12 в современных браузерах... Не должен загружать, хотя если извратиться....
А на мобильном?
Проверял display none на блоках с картинкой в разных современных браузерах. Где-то картинка грузилась сразу, а где-то, похоже, только после отображения блока.
Надо бы проверить подробнее, навесив на нее onload="alert();"