Ленивая загрузка картинок с цветным превью #4532
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
prorokky
requested review from
solarrust,
HellSquirrel and
TatianaFokina
as code owners
prorokky
force-pushed
the
doka/lazy-load-with-preview
branch
2 times, most recently
from
ae957e7
to
044efe2
Compare
|
Привет! Спасибо большое за рецепт! В демке минимум элементов, поэтому и стилей нужен минимум. Можно их просто перечислить :)
И ещё нужно положить котика в репо рядом с демкой в папку images: Мы стараемся не полагаться на сторонние сервисы и хостинги. |
prorokky
force-pushed
the
doka/lazy-load-with-preview
branch
from
d69cbd5
to
f30987e
Compare
prorokky
force-pushed
the
doka/lazy-load-with-preview
branch
from
f30987e
to
1e4cc90
Compare
skorobaeus
approved these changes
Jul 19, 2023
TatianaFokina
approved these changes
Jul 19, 2023
There was a problem hiding this comment.
@prorokky приветик! Большое спасибо за рецепт.
Я бы предложила его немного расширить и дополнить. Будет круто, если ты сделаешь это самостоятельно, но если будет слишком сложно - тегни меня и я тебе помогу
- Давай добавим картинке размеры и объясним зачем это сделано. (чтобы избежать LCP)
- Давай добавим информацию о browser hints, которые помогут еще гибче управлять загрузкой картинки (посмотри в сторону атрибута fetch-priority)
- Давай уточним случаи, когда не нужно использовать lazy loading через атрибут (не нужно когда картинка гарантированно сразу во вьюпорте)
- Давай добавим более интересное превью чем просто цветной фон. Тут много интересных вариантов. В идеале бы перечислить несколько. Например
- progressive images - которые позволют подгрузить сначала превьюшку низкого качества
- явное создание картинки-превью низкого разрешения. По аналогии с тем что делает next/image
prorokky
force-pushed
the
doka/lazy-load-with-preview
branch
from
3d697fa
to
b967460
Compare
prorokky
force-pushed
the
doka/lazy-load-with-preview
branch
from
b967460
to
38c65fe
Compare
solarrust
reviewed
Nov 8, 2023
|
@HellSquirrel, @solarrust, загляните сюда? |
solarrust
reviewed
Dec 12, 2023
solarrust
approved these changes
Dec 12, 2023
Превью контента из 510f77f опубликовано. |
This pull request was closed.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Описание
Добавлена статья, в которой описан процесс добавления цветного превью для картинок, если они загружаются в "ленивом" режиме
Closes #2739
Превью: https://content-4532.dev.doka.guide/recipes/lazy-load-with-preview/
Чек-лист
/css/color/,/tools/json/,/tools/gulp/#kak-ponyat)images/example.png,demos/example/,../demos/example/)