- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Я согласен в целом, но не в этом конкретно случае.
Чего то не получается все равно.. Вот вписал в <img width="500" height="249"> это фактические размеры картинки. В стилях для этого класса прописал .sale img {border-radius: 20px;max-width: 100%;} и фиг там изображение вытянулось по высоте и стало растянутое
В данном случае проблема решается очень легко и почему бы это не сделать? Просто добавить атрибуты width и height в тег img. CSS в данном случае имеет второстепенное значение, он применяется уже после начала рендеринга. Задав размеры картинки вы подскажете браузеру сколько места резервировать для нее, чтобы не было скачков контента (CLS).
Задаю размеры и изображение едет по высоте!!!
<img src="image.jpg" width="800" height="600" style="width: 100%; height: auto;"><img src="image.jpg" width="800" height="600" style="width: 100%; height: auto;">
А вот именно в таком виде помогло! Спасибо! Пошел редактировать!!!! Еще раз спасибо большое за помощь! Но там еще куча других вопросов) Может кто поможет советом? Например: Элемент "Отрисовка самого крупного контента" 6 060 мс грузится единственная картинка, формат webp, весит копейки, единственное что она вставлена в слайдер (листании вправо влево) но при этом загрузка именно изображения такое большое(
Элемент "Отрисовка самого крупного контента" 6 060 мс
Грузите все фото лениво, после загрузки дом дерева, или первую пикчу легковесную
Грузите все фото лениво, после загрузки дом дерева, или первую пикчу легковесную
Не совсем вот это понял сейчас. Я помню что у скриптов например defer пишется, где то пишем preload а что в этой одной картинке дописать тогда чтоб на нее не ругалось? Да и точнее там еще есть картинки но они уже не в скорости а загрузка тех которые нет на страничке на экране и им тоже наверное надо параметр задать чтоб не сразу грузились, вопрос вот как это для изображения делается? А то вес их точно не облегчить итак в web сразу их делал и они образно говоря по паре килобайт всего, меньше некуда.
Грузите все фото лениво, после загрузки дом дерева, или первую пикчу легковесную
Спасибо, загуглил!)
Спасибо, загуглил!)
Есть плагины js к примеру. Грузите сначала дом дерево, после внутри js document.addEventListener("DOMContentLoaded", function () {} выполняйте загрузку. Инициализация плагина будет происходить после загрузки дом дерева. используйте lazy load js или другие библиотеки легковесные.
Это проблема сайтов самописек.
Сейчас WP + нормальная тема по умолчанию выдает хороший результат. Пример, на странице 26 фото ..
Пример, на странице 26 фото ..
Прям под заголовком начинаются?