PE
9) выноси все не нужное на мобилах. Все анимации, все слайдером с эффектами, все попапы и прочие кастомные селекты. Для сего есть нативка. По уму, можно и без ЖукВери обойтись.
А то и без скриптов в принципе.
А то и без скриптов в принципе.
Size: a a a
2019 March 27
PE
10 для имиджей, кроме сжатия, есть тег picture
AS
10 для имиджей, кроме сжатия, есть тег picture
Спасибо
AS
1) сжимай, подбирай разрешение для картинки + меняй формат ( если нужно, jpg, png, webp )
2) сжимай js, css, html ( сильно не сожмёшь, но всё же )
3) включи gzip на сервере
2) сжимай js, css, html ( сильно не сожмёшь, но всё же )
3) включи gzip на сервере
Спасибо
PO
объект?!
В
тег пикча как-то ускоряет? загрузка сурсов та же самая, а кода больше
S
Владимир
тег пикча как-то ускоряет? загрузка сурсов та же самая, а кода больше
В зависимости от экрана разные картинки грузятся
S
А разном качестве
В
так это не тег пикча, это сурссет или медазапросы
В
медиа... пардон, полбутылки лимонада мешают пальцам попадать кужа надо)
T
Владимир
так это не тег пикча, это сурссет или медазапросы
так одно без другого всё равно никак использовать
В
и srcset и @media можно и с обычным img использовать
KA
@media с img 🧐
В
строго говря это разные задачи - srcset решает линейку оптимизации по разрешенпию, тег picture можно использовать также в лоб, но он заточен на решене вопроса с изменением кропа на разных соотношениях. Написал коряво немного, но суть в этом))
В
так.. начинаю гнать, пардон)) в img ессно srcset, медиазапрос в случае бекграунда-картинки
KA
T
Владимир
так.. начинаю гнать, пардон)) в img ессно srcset, медиазапрос в случае бекграунда-картинки
по секрету
The srcset attribute has an effect only when the <source> element is the direct child of a <picture> element.
В
по секрету
В
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>srcset</title>
</head>
<body>
<img src="image/mushroom.jpg" srcset="image/mushroom_retina.jpg 2x" alt="">
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>srcset</title>
</head>
<body>
<img src="image/mushroom.jpg" srcset="image/mushroom_retina.jpg 2x" alt="">
</body>
</html>