- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Как удалить плохие SEO-ссылки и очистить ссылочную массу сайта
Применяем отклонение ссылок
Сервис Rookee
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Всем привет,
Создавал похожий топик, но ничего путного так и не выбрал. Верстальщик предлагает такой подход:
И с помощью javascript выбирать через медиазапросы подходящее изображение. Насколько рабочий вариант? Кто-нибудь пробовал?
Вообще подходов отображения адаптивных изображений десятки, но выбрать сложно.. хотелось бы услышать уже опробованный вариант.. есть мнения? )
В принципе, подход рабочий, но Ваш верстальщик предлагает всё сделать "через задний проход". Есть такой принцип - mobile first, а в Вашем подходе "мобайл в хвост". То есть мобильник загружает по дефолту большое изображение, а уже потом подгружает маленькое. И зачем тогда всё это?
В принципе, подход рабочий, но Ваш верстальщик предлагает всё сделать "через задний проход". Есть такой принцип - mobile first, а в Вашем подходе "мобайл в хвост". То есть мобильник загружает по дефолту большое изображение, а уже потом подгружает маленькое. И зачем тогда всё это?
Ну а если изначальная фото как раз маленькая? Я кстати часто вижу при пролистывании страницы некоторых сайтов что сначала фотки мутноваты, но потом мгновенно становятся в хорошем качестве..
А вообще, какой подход правильный? ) Их очень много, я не могу остановить свой выбор..
Ну а если изначальная фото как раз маленькая?
В том фрагменте, что написан в стартпосте, я вижу три варианта изображений: src, data-mob и data-tablet. Из чего и делаю вывод, что это варианты для десктопа, телефона и планшета. Так что в этом варианте изначальное фото как раз не маленькое. Я именно на это обратил внимание. То есть если идти по этому пути, то надо делать
Ну да.. вот нашел рабочий пример на ведущем сайте по туризму
Т.е. в src фото 200х200, она сначала загружается и в мобильной и в десктопной версии. Это можно заметить, потому как при просмотре фоток на странице они только при остановке на них становятся четкими.
Но вот что меня беспокоит. В настоящий момент у меня фотки размером 500, я не хочу их менять на 200х200, потому как все пользователи у меня с поисковиков, и как они прореагируют на "ухудшение" контента неизвестно. Даже изменение в 1-2 позиции может существенно сказаться на доходе.
Если рассматривать все-таки этот подход, то может оставить фотки 500 для существующих статей? Конечно не круто для мобильных, но они все равно сейчас так показываются (наверное глупый аргумент :) ).. зато для десктопов будут больше..
А для новых статей уже делать 200х200, например (это можно автоматизировать).
вот нашел рабочий пример
Фиговый пример.
А тебе уже минимум 2 раза рассказывали про srcset, но ты почему-то упорно ищешь корявые решения.
Фиговый пример.
А тебе уже минимум 2 раза рассказывали про srcset, но ты почему-то упорно ищешь корявые решения.
Я сразу возьмусь за вариант с srcset, как только увижу рабочий вариант на известном сайте (желательно на турсайте, но не обязательно), буду очень благодарен. Я пока не нашел, а экспериментировать не хочется если честно.
Чем фиговый? :)
Чем фиговый? :)
Работает через заднее место? )) Посетители грузять две картинки вместо одной, что убивает весь смысл работы?
Хм. Даже вот чисто теоретически - а зачем кому-то разубеждать вас делать себе хуже, если у части посетителей на Серче есть конкурирующие сайты в этой тематике...
Еще и примеры искать. Есть же вот поддержка по браузерам. Хотите - используйте.
https://caniuse.com/#feat=srcset
А вообще, Гугл вон в AMP страницах тоже вставляет изображения через джаваскрипт и тег amp-img, но у него там ничего лишнего не грузится:
<amp-img alt="Ракета-носитель Falcon 9" width="420px" height="280px" src="/pic_2e33d6293e3d22f313fcc8f7e42a252d.jpg" layout="responsive">
</amp-img>
Посетители грузять две картинки вместо одной
А то и больше... И на каждую картинку на странице.
как только увижу рабочий вариант на известном сайте
Головой попробуй подумать.
Намекаю:
1. "известность" - это сколько лет должно быть сайту? А когда html5 начал более-менее полноценно поддерживаться всеми браузерами?
2. Как раньше обходились без этого? (Ты этого не увидишь в большинстве случаев. Даже если догадаешься разбирать жаба скрипты, что вряд ли :))
Но это не значит, что этого нет. Есть и во всю используется на современных сайтах. Просто искать никто тебе этого не будет.
Вы уверены что две картинки? Ведь через джаваскрипт фотка загрузиться только в случае десктопа, в случае мобильной версии только одна, верно? Ну а на скоростной интернет на десктоп загрузиться фотка лишняя в 30К (в сумме допустим 300К) не так страшно.. не отпимум конечно, но все-таки..
---------- Добавлено 05.04.2018 в 12:41 ----------
А то и больше... И на каждую картинку на странице.
Головой попробуй подумать.
Намекаю:
1. "известность" - это сколько лет должно быть сайту? А когда html5 начал более-менее полноценно поддерживаться всеми браузерами?
2. Как раньше обходились без этого? (Ты этого не увидишь в большинстве случаев. Даже если догадаешься разбирать жаба скрипты, что вряд ли :))
Но это не значит, что этого нет. Есть и во всю используется на современных сайтах. Просто искать никто тебе этого не будет.
Спасибо за ответ, конечно, искать я и не прошу. Просто если было бы это на виду (как мне кажется), то можно было бы тыкнуть в любой практически сайт, и там бы был такой подход. А я посмотрел около 5-6 ведущих по туризму, только на тонкостях есть srcset и то криво.. ок поищу еще )
Ведь через джаваскрипт фотка загрузиться только в случае десктопа, в случае мобильной версии только одна, верно?
Нет. Грузятся все. Показываются не все.
И вообще data-* это... несколько специфичные атрибуты, требующие "внешнего управления".
ок поищу еще
Ты лучше покури мануалы html5. Куда полезней проведёшь время.