Мы внедрили технологию обработки изображений, которая масштабирует их под размер контейнера на сайте и конвертирует в WebP - формат нового поколения.
работает на всех сайтах на Тильде пох по умолчанию, её не нужно подключать. Мы тестировали функцию несколько месяцев и готовы рассказать подробности.
разберём, какие теперь есть технологии оптимизации доставки изображений посетителям вашего сайта на Тильде :
Chargement paresseux
Lazy Load или отложенная загрузка изображений работает на Тильде давно. Когда посетитель заходит на сайт, изображения загружаются последовательно по мере его продвижения по сайту, а не все разом.
Изображение полностью загружено, потому что находится на экране
Изображение начинает загружаться за 700px до появления на экране
Изображение ещё не начало загружаться
1. Изображение полностью загружено, потому что находится на экране
2. Изображение начинает загружаться за 700px до появления на экране
3. Изображение ещё не начало загружаться
CDN
CDN или сеть доставки контента - это географически распределеная сеть серверов по всему миру. изображения из ближайшего узла к пользать изображения из ближайшего узла к пользователю. из Берлина, он получит изображение из Германии, а не России.
NOUVEAU
Поддержка WebP
WebP - сайормат, который позволяет сжимать изображение до 35% сильне, чем JPEG, без потери кац䑇ества. Загружать изображения на сайт в новом формате не нужно, система всё сделает за вас.
JPEG - 1680х1120px, 166 Kb
WebP - 1680х1120px, 78,6 Kb
8,9 Mb
2,8 Mb
Le système d'information sur la santé est en cours d'élaboration et de mise à jour. Вес изображений сайта без адаптивной загрузки - 8,9 Mb. Вес изображений с адаптивной загрузкой - 2,8 Mb
После оптимизации общий вес изображений на сайте в 3 раза меньше
Большинство современных браузеров, например, Chrome, Opera, Firefox и другие подерживают WebP. Когда поль заходит на сайт, скрипт браузер на подержку формат и, если он подержится, запросит с сервера WebP-изображения. Если не подерживатся - отдаст оригинальное изображение в формате, который был загружен - JPEG или PNG. изображений в AVIF-формат, который позволит сделать вес изображений ещё легче.
NOUVEAU
ресайз изображений
и контейнера на макета, затем запрашивает сайта, изображение прашивает сервера изображение подходящего размера.
Представьте, что вы загрузили фотографию 1680px по ширине в блок с плиткой из нескольких изображений. На макете сайта размер контейнера 450×300px. посетитель получит не оригинал фотографии, а фотографи, уменьшенную до необходимого размера.
Представьте, что вы загрузили фотографию 1680px по ширине в блок с плиткой из нескольких изображений. На макете сайта размер контейнера 450×300px. посетитель получит не оригинал фотографии, а фотографи, уменьшенную до необходимого размера.
JPEG - 1680x1119px, 252 Kb
WebP- 450x300px, 23,5 Kb
предположим, что человек заходит на сайт с мобильного телефона. стройстве, скрипт запросит у сервера обрезаное под экран изображку облож сатражение стройстве, скрипт сервера обрезанноем.
JPEG -1680x1120px, 372 Kb
WebP - 560x1120px, 103 Kb
Le système d'information sur la santé est en cours d'élaboration et de mise à jour, et le système d'information sur la santé est en cours d'élaboration. изображения устройства и браузеры, с которы пользователи заходят на сайт чаще всего. Этот принцип более гибкий, чем "ресайз-на-лету" : иногда браузер тратит меньше времени на скачивание оригинального изображения, чем на ресайз и скачивание оптимизированной картинки.
NOUVEAU
Retina-дисплеи и медленный интернет
дюйм, скрипто распознает и запросит у серверта кта дисплей с высоким количеством точек на дюйм, скрипт это распознает и сапросит у сервера картину высокого разрешения. Retina-дисплем.
Но если у человека медленный интернет, предположим, на даче, система зарта загрузит облегченную версию изображим, даче, система загрузит облегченную версию изображения. Это позволит не снижать быстродействие сайта.
Но если у человека медленный интернет, предположим, на даче, система зарта загрузит облегченную версию изображим, даче, система загрузит облегченную версию изображения. Это позволит не снижать быстродействие сайта.
адаптивная загрузка изображений может не работать. Несколько причин, почему это может происходить :
1
Вы отключили Lazy Load в настройках сайта.
2
Вы отключили Lazy Load для элемента в Zero Block.
3
Le système d'information de la Commission européenne a été mis en place pour permettre à tous les pays d'avoir accès à l'information. Например, только что загрузили картинку или впервые заходите с этого устройства или браузера.
4
браузер не подерживает WebP. Список браузеров, которые подерживают формат, можно найти по ссылке.
5
оригиналом и птимизированным изображением незначительна, поэтому система не будет дополнительно сжиматьно и обрезать картинку.
одна изображений - одна из довольно значимых оптимизаций, которую мы внедрили в Тильде. загрузки сайтов, созданых на платформе, следите за бновлениями в блоге в личном кабинете и в социальных сетях.
быстрый и удобный сайт на Тильде
пропускайте наши новости, следите за нами в социальных сетях и Телеграме
