Сүрөттөрдү оптималдаштыруу WordPressтин иштөө көрсөткүчтөрүнө инвестициядан эң жогорку кирешени алып келет: барактагы түзүлүш жана темалар бирдей болгондо, сүрөттүн көлөмүн, өлчөмдөрүн, форматын жана жеткирүү ыкмасын туура тандоо көп учурда жүктөө тажрыйбасын дароо жакшыртат.

Бирок сүрөттү оптималдаштыруу “канчалык көп кол тийгизсең, ошончолук начарлайт” деген абалга алып келүүчү эң ыктымал ыкма. Себеп техника өтө татаал болгонунда эмес, тескерисинче маалыматтын өтө бөлүк-бөлүк болуп кеткенинде:
Сиз бир нече макаланы окуп, “кысуу”, “WebP/AVIF”, “жалкоо жүктөө” дегендерди билдиңиз, анан плагиндин тааныштырылышын көрсөңүз, анда дагы “айына акысыз 100 кредит”, “акысыз 20MB”, “ар бир сүрөт үчүн 1 кредит” деп жазылып турат, жыйынтыгында канчалык көп окусаңыз, ошончолук башыңыз чаташат — акысыз көлөм чынында жетеби? Төлөм кантип алынат? Балким, “бир эле нерсени” туура эмес түшүнүп жатасызбы? Анан эң негизгиси:Чындап эле сен бүткөндөн кийин күчүнө кирдиби?

Бул макала болгону үч нерсени гана жасайт:

  1. Мына, сиз үчүн ишке жарактуу бир сунуш.Жол картасы(Алгач эмне кылуу, андан кийин эмне кылуу)
  2. Тандагыңыз келген варианттарды так түшүндүрүңүз (акысыз жана акы төлөнүүчү версиялардын ортосундагы так айырма эмнеде жана кайсы версия кимге ылайыктуу).
  3. Эң көп кездешүүчү кемчиликтерди алдын ала тизмелеп коюңуз (ишти бүткөндөн кийин чечим издеп жүрүүгө кеткен кыйынчылыктан куткаруу үчүн)

1. Негизги: WordPress кадимки бойдон эмнени камтыйт жана эмнени камтыбайт

Эгерде сиз WordPress ядросунун эмнени буга чейин ишке ашырганын биринчи кезекте түшүнбөсөңүз, эки абал пайда болушу мүмкүн:

  • Колдо бар “бекер мүмкүнчүлүктөрдү” пайдалануунун ордуна, биз дөңгөлөктү кайра ойлоп табууга убакытты жана акчаны текке кетирдик.
  • Мен WordPress бардык эски сүрөттөрдү автоматтык түрдө WebP/AVIFке айландырат деп ойлочумун, бирок ал муну жасабайт экен.

WordPress өзөгү буга чейин эле төмөнкү негизги мүмкүнчүлүктөрдү камтыйт:

  • Респонсивдүү сүрөттөр (srcset/sizes)WordPress 4.4-дөн тартып, ядро сүрөттөрдү чыгарат. srcset жана sizesжана жүктөө учурунда түзүлгөн ар кандай өлчөмдөгү сүрөттөрдү колдонуп, браузерге экрандын шарттарына жараша жүктөө үчүн ылайыктуураак ресурстарды тандап алууга мүмкүндүк берет.
  • Тубаса жалкоо жүктөөWordPress 5.5 жана андан кийинки версиялар HTML стандарттарын колдонуп, сүрөттөр үчүн түпнуска lazy-loadingди (кечиктирилген жүктөөнү) стандарттык түрдө иштетишет. loading Мүлктү ишке ашыруу.
  • WebP файлдарын жүктөөнү колдойтWordPress 5.8ден тартып WebP файлдарын JPEG/PNG сыяктуу жүктөөгө жана колдонууга мүмкүнчүлүк берет (эгер хостинг чөйрөсү WebPди колдосо).
  • AVIF жүктөөлөрүн колдойтWordPress 6.5 версиясынан тартып AVIF файлдарын JPEG/PNG сыяктуу эле жүктөөгө жана колдонууга мүмкүнчүлүк берет (хостинг чөйрөсүнүн колдоосуна жараша).

Бирок эске алыңыз:
“Жүктөөгө/колдонууга колдоо” ≠ “Автоматтык конвертация/автоматтык жеткирүү”
Башкача айтканда: эгерде сиз буга чейин эле WP 6.5де болсоңуз да, медиа китепканаңыздагы JPG/PNG файлдары автоматтык түрдө WebP/AVIFке айланбайт; ошондой эле “браузердин колдоосуна жараша AVIF/WebP чыгаруу, колдобой турган браузерлерде түпнуска сүрөткө кайтып келүү” мүмкүнчүлүгүнө да автоматтык түрдө ээ боло албайсыз – бул функцияны ишке ашыруу үчүн адатта плагиндер же кошумча кызматтар талап кылынат.

2. Жол картасы: Сүрөттү 5 кадамда оптималдаштыруу

Эмне кылуу керек, эмнеге, канааттандырарлык аткаруу деген эмне жана анын типтүү кемчиликтери кандай.

2.1 Биринчи кезекте өлчөмдөрдү туура аныктаңыз (эң көп көз жаздымда калса да, эң чоң кирешени алып келет)

Көптөгөн сайттар жай иштеп жатат, компрессия колдонулбаганы үчүн эмес, тескерисинче...Экрандын аймагынан кыйла чоңураак сүрөттү жүктөдүм
Мисалы, эгерде барактын реалдуу туурасы болгону 900 пиксел болсо да, сиз коноктордон толук 3000 пиксел сүрөттү жүктөп алууну талап кылсаңыз, браузер аны жөн гана жүктөп алып, андан кийин көрсөтүү үчүн кичирейт. Бул трафикти текке кетирип, декоддоо убактысын узартып, биринчи экрандын жүктөлүшүн жайлатат.

WordPress 4.4 жана андан жогоруЖооп бере алган сүрөт механизмиsrcset/sizes) так ушул маселени чечүү үчүн.

Канааттандырарлык упай деген эмне:

  • Мобилдик түзмөктө баракты ачканда жүктөлгөн сүрөттүн өлчөмдөрү десктоптогуга караганда байкалаарлык чакан болушу керек.
  • Бир эле сүрөттүн ресурстук көлөмү ар кандай түзмөктөрдө ар башка болот (ар дайым түпнуска сүрөттү жүктөп алуунун ордуна).

Эң көп кездешүүчү кемчиликтер:

  • Кээ бир темалар же бет түзүүчүлөр сүрөттөрдү CSS фонду катары колдонуп же атайын чыгаруу ыкмаларын колдонуп, бул чектөөнү айланып өтө алышат. srcsetЧоң сүрөттөрдүн үзгүлтүксүз жүктөлүшүнө алып келет
  • Сырткы сүрөт хостинг кызматтарын же үчүнчү тараптын сүрөт блокторун колдонуп, медиа китепкана түзгөн көп өлчөмдүү системаны айланып өтө аласыз.

2.2 Сыгыруу (KB көлөмүн кыскартуу, бирок сапатын бузбоо)

Компрессиянын маңызы “канчалык кичине болсо, ошончолук жакшы” эмес, тескерисинче “көзгө дээрлик байкалбаган айырма, бирок көлөмдүн олуттуу кыскарышы”

Эрежелер төмөнкүдөй:

  • Сүрөттөр/Чыныгы кадрлар (портреттер, товарлар, пейзаждар)Артыкчылыктуу сапатты жоготуу менен кысуу (максималдуу пайда)
  • Кеңири текст камтылган скриншот/сүрөтСыгымдуулукту тексттин бүдөмүк көрүнүшүн алдын алуу үчүн сактыраак коюу керек.
  • Логотип/ИконкаSVGге артыкчылык бериңиз же жоготуусуз кысууну тандаңыз (жоготуу менен кысуу четинин бүдөмүк болушуна оңой эле себеп болот)

Канааттандырарлык упай деген эмне:

  • Көпчүлүк барактардагы сүрөттөрдүн өлчөмү кыйла кыскарды.
  • Көзгө көрүнөр үн, четтеринин бүдөмүк болушу, түстөрдүн тилкелүү болушу же тексттин бүдөмүк болушу байкалбайт.

2.3 WebP / AVIF (Формат саясаты: бирдей сапатта файл көлөмү кичирээк)

WordPress эми жүктөөнү колдойт. WebP (5.8) жана AVIF (6.5)
Бирок чындап эле “кийинки муундагы форматты” практикалык колдонууга киргизүү үчүн адатта эки маселе чечилиши керек:

  1. Тарыхый медиа архивдерди топтомдук түрдө кантип конвертациялоого болот(Андай болбосо, сиз болгону “келечекте жүктөлө турган жаңы сүрөттөрдү” оптималдаштырып койгонсуз)
  2. Дубликат түзүлүшү керекпи же түпнуска сүрөт алмаштырылышы керекпи?(Бул чечүүчү учурду белгилейт; биз кийин Plus WebPтин “баштапкы сүрөттү алмаштыруу жана өчүрүү” маселесине көңүл бурабыз.)

Сунушталган сөз айкашы:

  • WebP: Жалпысынан алганда, алдын ала тандалган артыкчылыктуу тандоо (туруктуу шайкештикти камсыз кылат)
  • AVIF: кысуунун дагы бир кадам алдыга жылдырылган ыкмасы, чоң сүрөттөргө/биринчи экран баннерлерине/альбом сүрөттөрүнө ылайыктуу (эгер дагы көп...Чөйрөнүн колдоосуна көз каранды

2.4 Кечки жүктөө туура колдонулушу керек (жалпы ыкманы колдонбоо)

WordPress 5.5-ден баштапБош жүктөө боюнча эреже катарыСүрөт.
Ал баштапкы рендеринг учурунда өткөрүү жөндөмдүүлүгүнүн сарптоосун азайтат:

  • Lazy loading экрандын сыртындагы ресурстар үчүн ылайыктуу.“
  • Биринчи экрандагы эң маанилүү сүрөт (көп учурда биринчи экрандагы негизги сүрөт) көп учурда кечиктирилген жүктөөгө ылайыксыз болот.

2.5 Жеткирүү катмары: CDN / Сүрөт CDN

Сыгуу, өлчөм жана формат “кичирээк, ылайыктуураак файлдар” деген муктаждыкты канааттандырат.
但如果图片总是从源站远距离拉取,网络延迟仍会明显影响体验。这时就需要“交付层”的方案(CDN/图片 CDN)。

Эки типтүү ыкма:

  • Cloudflare PolishCloudflare 文档Макалада Polishтин компрессия ыкмалары (жоготуусуз/жоготуу менен/WebP) тааныштырылып, аларды колдонуу жөнүндө сөз кылынат. format=auto WebP/AVIF форматтарын колдонууга уруксат берилет.
  • Jetpack Сайт АкселераторуЖетпак документациясыАл сүрөттөрдү оптималдаштырып, аларды статикалык ресурстар менен бирге өзүнүн тармагы аркылуу таратат.

Сүрөттү оптимизациялоо көлөмүн кыскартууга жана ылайыктуулугун камсыздоого жооптуу.CDN 负责交付更近更稳

3. Тандоо: Болгону эки негизги жол гана ишке ашырылат.

Сүрөттөрдү оптималдаштырууда эң көп кездешкен ката – бул плагиндерди орнотуп койбой калуу эмес, тескерисинче ашыкча көп плагиндерди орнотуп, натыйжада кайталанма иштетүүгө алып келүү:
A кысып жатат, B да кысып жатат; A WebP/AVIFке өткөрүп жатат, B да өткөрүп жатат; A URL даректерди өзгөртүп жатат, B аларды кайра жазып жатат — акыры, өзүң да сайтта эмне болуп жатканын түшүндүрө албай каласың.

Эрежелер:

Алга жылыш үчүн бир гана жол бар: же толук эркин жергиликтүү сактоо, же тандап алчу үч варианты бар булуттук кысуу.

  • Route A (толугу менен акысыз жергиликтүү):Мындан тышкары WebP же AVIF + EWWW Image Optimizer(же алардын ичинен бирин гана тандаңыз)
  • B маршруту (Үч булутты кысуу вариантынан бирин тандаңыз):ShortPixel / Imagify / TinyPNG

3.1 Маршрут A: Толук эркин жергиликтүү (WebP же AVIF же EWWW кошумча)

Бул маршруттун аныктоочу өзгөчөлүктөрү:

  • Сиз айлык квота же ар бир файл боюнча иштеген үчүнчү тараптын кысуу кызматтарына таянбайсыз (бирок айрым функциялар кошумча кызматтарды сунуштай алат).
  • 代价是:批量处理可能更吃服务器 CPU/IO,需要你更关注“策略和风险”

3.1.1 Мындан тышкары WebP же AVIFНегизги түшүнүк – “генерациялоо/алмаштыруу”, ал кадимки “кысуу куралы” эмес.”

  • Толук чечимдүүлүктөгү сүрөттөрдү түзүүдө:Баштапкы сүрөт файлынын IDси WebP/AVIF файлы менен алмаштырылат, баштапкы файл өчүрүлөт жана мазмундагы URL да алмаштырылат.
  • Плагин WP-CLI буйруктарын камсыздайт жана сунуштайт: көптөгөн файлдар менен иштегенде WP-CLI ишенимдүүрөөк экенин.

Бул дегеним: ал сиз үчүн үндүсүз эле WebP түзбөйт, тескерисинче бир жолу гана болуп калышы мүмкүн.Мүлктү көчүрүү(айрыкча “Баштапкы сүрөттү алмаштырып, өчүрүү” опциясын күйгүзгөнүңүздө)

Эки режимдин айырмасы

Режим 1: Баштапкы сүрөттү сактап, WebP/AVIF көчүрмөсүн түзүү (стабилдүүрөөк)

  • Артыкчылыгы: шайкештик көйгөйлөрү болгондо кайра калыбына келтирүү жеңилирээк
  • Чыгым: Диск мейкиндигин колдонуу көбөйөт (баштапкы сүрөт + жаңы формат + ар кандай өлчөмдөгү миниатюралар)

Режим 2: Баштапкы сүрөттү алмаштырып, өчүрүү (агрессивдүү)

  • Артыкчылыктары: Дискалар тез кеңейбейт; ички шилтемелер жаңы форматта автоматтык түрдө конвертацияланат.
  • Тобокелдиктер: активдерди жана шилтемелерди бир эле учурда өзгөрткөндө шайкештик көйгөйлөрүн чечүү кыйла кымбатка турат (айрыкча тышкы системалар же тема логикасы түпнуска файл аттарына, жолдорго же форматтарга таянганда).

Сунуш

“Баштапкы сүрөттү алмаштырып, өчүрүү” опциясын тандаардан мурун, алгач чакан көлөмдөгү тест жүргүзүп, резервдик көчүрмөлөрдүн бар экенине ынаныңыз; толук маалымат базасын алмаштырууга дароо өтпөңүз.

WebP же AVIF менен байланышкан жалпы каталар

  1. Маалымат базасын толук алмаштыргандан кийин айрым баракча сүрөттөрү туура эмес көрсөтүлүүдө.
    Себеп адатта “сүрөт бузулган” эмес, тескерисинче чынжырдын айрым бутактары – мисалы URL алмаштыруу, кэштөө же миниатюра стратегиялары – туура дал келбей калгандыгында.
  2. Миниатюралардын саны канчалык көп болсо, өзгөрүүлөрдүн чөйрөсү ошончолук кең болот.
    WordPressке сүрөт жүктөө ар кандай өлчөмдөрдү түзөт; темалар же плагиндер кошумча өлчөмдөрдү кошушу мүмкүн. Толук алмаштыруу сиз файлдардын ири топтомун өзгөртүп жатканыңызды билдирет.
  3. Форматтык миграцияны гана жүргүзүү мүмкүн болушунча эң аз көлөмдү камсыз кылбайт.
    WebP/AVIF файлдары адатта кичирээк, бирок “өлчөм стратегиясы” жана “сыгуу стратегиясы” өтө маанилүү бойдон калат. Plus WebPни “ылдамыраак жүктөө үчүн бир чыкылдатуу чечими” катары карабаңыз.

3.1.2 EWWW Image OptimizerАкысыз жергиликтүү компрессия чечими

EWWW плагининин баракчасынын жайгашуусу абдан так:

  • Ал сервериңизде оптимизация үчүн куралдардын топтомун (jpegtran, optipng, pngout, pngquant, gifsicle, cwebp ж.б.) колдоно алат.
  • 如果你需要更高压缩或更省 CPU,也可以把耗 CPU 的处理卸载到其服务器(可选)。

Route Aда EWWW кандай роль ойношу керек?

Эгерде сиз форматтарды миграциялоо/алмаштыруу стратегиясы үчүн Plus WebP колдонуп жатсаңыз, анда EWWW бул ишти аткарууга көбүрөөк ылайыктуу:

  • Сыгымдоо жана көлөмдү оптималдаштыруу(айрыкча JPG/PNG сыяктуу чийки ресурстардын көлөмүн кыскартуу)
  • Тарыхый медиа китепканаларды топтомдук оптималдаштыруу(URLди алмаштыруунун ордуна көлөмдү кыскартууга умтулуу)

Маалымат үчүн

Мындан тышкары WebP Фуу: Баарын AVIF же WebP форматына айландырууга болот.
Экөөнү тең орнотуу кагылышууларга алып келиши мүмкүн болгондуктан, алардын бирин гана орнотуу сунушталат.

EWWW'дун классикалык капкындары

  1. Топтук оптимизация учурунда сервердин жүктөмү көбөйөт.
    因为本地压缩就是吃 CPU/IO。解决思路不是“别用”,而是“分批、低峰、必要时选择卸载/云方案”。
  2. “WebP түзүү алдыңкы тарап WebP кызмат кылып жатат дегенди сөзсүз билдирбейт.
    Көптөгөн плагиндер бул жаңылыш түшүнүктө иштешет: генерациялоо бир нерсе, жеткирүү стратегиясы (кайра жазуу, сүрөт тегдери, кэштен алуу ж.б.) — таптакыр башка нерсе.
  3. Башка плагиндердегидей эле функцияларды кайталоо
    Эгерде сиз A маршрутун тандасаңыз, ShortPixel/Imagify/TinyPNG сыяктуу булуттук кысуу кызматтарын катмарлап колдонбоңуз; эгерде сиз B маршрутун тандасаңыз, Plus WebP алмаштыруу логикасын өчүрүңүз. Негизги принцип:Бир гана аракет жолуна бекем карманыңыз.

3.2 B маршруту: Үч булуттук кысуу кызматынан (ShortPixel / Imagify / TinyPNG) бирин тандаңыз

Бул маршрут сервердик ресурстарды үнөмдөөнү каалаган, топтомдук иштетүүнү көбүрөөк кыйынчылыксыз жүргүзүүнү артык көргөн жана колдонулган ресурстарга жараша же көлөмгө негизделген төлөмдөргө ыңгайлуу болгондор үчүн ылайыктуу.
Бирок булутту кысуу боюнча эң көп кездешкен түшүнбөстүк – бул:Акысыз квота жөн гана “акысыз барактар” маселеси эмес.Миниатюра көлөмдөрүнүн саны, WebP/AVIF форматтарынын түзүлүшү жана кайталанган кайра сыгуунун жүргүзүлүшү ресурстардын сарпталышына олуттуу таасир этет.

Төмөндө биз түшүндүрөбүз: акысыз/төлөнүүчү деңгээлдер кантип иштейт, квоталар кантип азайтылат, эң көп кездешүүчү катачылыктардан кантип качуу керек жана кайсы сайт түрлөрү эң ылайыктуу.


3.2.1 ShortPixelАйына 100 акысыз кредит, бирок миниатюралар жана WebP/AVIF форматтагы чоңойтуулар кредиттерди сарптайт.

Акысыз/төлөнүүчү тууралуу эмне болуп жатат?

ShortPixel плагининин сүрөттөмөсүндө так көрсөтүлгөн:

  • Айына 100 акысыз кредит
  • Ошондой эле “кошумча чексиз айлык кредиттер” бар (плагин баракчасында тиешелүү баа маалыматы көрсөтүлгөн).
  • Ошондой эле (баштапкы баа маалыматы менен) “мөөнөтү өтпөгөн бир жолку кредиттик пакеттерди” сунуштайт.

Эскертүү:

  • Акысыз: Жеңил сайттар же тесттөө максатында ай сайын кредиттер бөлүнөт.
  • Бир жолку пакет: Кеңири медиа китепканалары бар сайттар үчүн, инвентарьды бир эле транзакцияда тазалоону каалагандар үчүн ылайыктуу (бир жолу гана колдонуу үчүн сатып алынат, адатта мөөнөтү жок).
  • Айлык/Чексиз: Сүрөттөрдү үзгүлтүксүз жаңыртууну жана узак мөөнөттүү, туруктуу оптимизацияны талап кылган сайттар үчүн ылайыктуу.

ShortPixelдин расмий билим базасы ошондой эле “бир жолку пакеттер менен чексиз айлык пландар” ортосундагы айырмачылыкты да карайт.Анык түшүндүрүү:无限月度是按月(或按年)付费,提供无限 credits,并带固定的 CDN 配额;一次性 credits 不会过期,让你更可控地按需使用。

Сунуш

  • Эски сайттын инвентарь запасын тазалоо: бир жолку пакеттерге артыкчылык бериңиз
  • Үзгүлтүксүз жаңыртуулар: айлык/чексиз пландар үчүн ылайыктуураак (эгер кредиттерди эсептегиңиз келбесе, чексизди тандаңыз)

Эң маанилүү пункт: ShortPixel кредиттери кантип эсептелет?

ShortPixel расмий документациясы KB аны абдан так айтты:

  • WordPressке сүрөт жүктөө бир нече миниатюраларды түзөт;
  • Ар бир миниатюраны оптималдаштыруу бир кредитке барабар.
  • Эгерде сиз WebP же AVIF түзүүнү тандасаңыз,Ар бир түпнуска сүрөттүн WebP/AVIF версиясы жана анын миниатюрасы кошумча кредитти сарптайт.
  • Кредитти үнөмдөө үчүн оптимизациядан айрым миниатюраларды четтетсеңиз болот.

Кредиттердин мисалы

Мисалы, сиз бир сүрөт жүктөп, тема/плагин сегиз миниатюра түзөт:

  • Баштапкы сүрөттү жана миниатюраларды гана оптималдаштыруу: 1 (баштапкы сүрөт) + 8 (миниатюралар) = 9 кредит
  • Эгер WebP/AVIF форматтарын да түзүү керек болсо: жогорудагы 9 форматтын ар бирине кийинки муундагы бир версияны кошуңуз → андан кийин дагы 9 кредит кошуңуз.
    Башкача айтканда, сиз “бир сүрөт” деп эсептеген нерсе чындыгында дээрлик эки орундуу кредиттерди сарптайт.

Ошондуктан:“100 акысыз кредит” “100 акысыз сүрөт” дегенге барабар эмес.

ShortPixelдин эң көп кездешүүчү кемчиликтери

  1. Акысыз 100 кредит тез эле түгөнөт
    Негизги себеп: WebP/AVIF форматтарын түзүү үчүн көптөгөн миниатюралар жана кошумча ресурстар талап кылынат.
    Сунуш
  • Алгач сайттагы миниатюралардын санын баалоо керек.
  • Керексиз миниатюра өлчөмдөрүн жоюңуз (чындыгында колдонулуучу өлчөмдөрдү гана оптималдаңыз)
  • Биринчиден, ресурстарды сарптоочу кайталанма сыноо-жаңылыш аракеттерден качуу үчүн топтомдордо иштетүүдөн мурун компрессия стратегиясын аныктаңыз.
  1. Бир эле учурда башка форматты өзгөртүү плагиндерин үстүнө кошуңуз
    Эгерде сиз Plus WebP алмаштырууну күйгүзүп, ошол эле учурда ShortPixelге кийинки муундагы тегдерди түзүп/киргизүүнү тапшырсаңыз, логика катмарланат жана көйгөйлөрдү аныктоо кыйындат. Route B жөн гана ShortPixelге аны өз алдынча иштетүүгө мүмкүнчүлүк берет.
  2. Жөн гана орнотуу “фронтенд WebP/AVIF кызмат кылат” дегенди кепилдейт деп эсептөө.”
    ShortPixel плагининин баракчасыАл WebP/AVIF форматтарын конвертациялап, кийинки муундагы сүрөттөрдү (мисалы, тег аркылуу) фронтенд баракчаларына интеграциялай алат.
    Бирок, аяктагандан кийин дагы натыйжаларды текшерүү керек.

3.2.2 Имажифай:免费 20MB/月;按“原图大小 + 缩略图数量”扣配额,重压会重复扣

Акысыз чегерүү жана жайгаштыруу

Imagify расмий баалар барагыБул абдан так жазылган:免费账户每月 20MB 配额
Анын плагин барагында да так көрсөтүлгөн: ал WebP/AVIF файлдарын кыса алат, көлөмүн өзгөртө алат жана форматтарын алмаштыра алат.

Квоталар кантип эсептен чыгарылат?

Imagify расмий документациясы “Квота колдонулушу кантип эсептелет?” кемитилүү механизмин так түшүндүрөт:

  • Миниатюралардын саны сарптоого таасир этет.Мисалы, эгерде сизде 10 миниатюра өлчөмү бар болсо, бир сүрөттү оптималдаштыруу 11 сүрөттү оптималдаштырууга айланат (баштапкы сүрөт жана 10 миниатюра), алардын баары квотаны сарптоого салым кошот.
  • Баштапкы файлдын көлөмүнө жараша квотаны азайтууМисалы, эгер сиз 100 КБ сүрөттү Imagifyге жөнөтсөңүз, квотаңыздан 100 КБ чегерилет.
  • Сыгуу деңгээлин өзгөртүү жана кайра оптималдаштыруу квотаны кайрадан сарптайт.
  • Бир эле API ачкычын бир нече сайтта колдонсо болот, бирок квоталар бул сайттар арасында бөлүшүлөт.

Бул Imagifyдин “негизги түшүнүү ыкмасы”:
Бул маалымат пакет сыяктуу: жөнөткөн нерсеңиздин көлөмүнөн так ошол өлчөмдө алып салат; сүрөт тилкелери канча көп болсо, ошончолук көп алып салат; кайталанган оор жүктөөлөр ар бир жолу кайра-кайра алып салууга алып келет.

Оңой түшүнүктүү Imagify квота мисалдары

Мисалы, сиз 800 КБ көлөмүндөгү түпнуска сүрөттү жүктөп, сайт 8 миниатюраны түзөт.

  • Imagify менен оптимизациялоодо, эгер “Баарын оптимизациялоо” тандасаңыз, түпнуска сүрөт жана сегиз миниатюралык сүрөт кошо эсепке алынат. Бул бир эле операция бул файлдардын баарынын түпнуска көлөмүнө жакын квотаны сарптайт дегенди билдирет.
    这就是为什么有些站点觉得“20MB 很快用完”:不是 Imagify 不够用,而是你每次上传的图片太大、缩略图太多、并且你可能还反复试压缩级别。

Imagify менен байланышкан жалпы катачылыктар

  1. 免费 20MB 不够做“全站历史清库”
    20MB 通常更适合测试与轻量更新;如果你媒体库本来就很大,一次性清库很可能要升级。
  2. Компрессия деңгээлин кайталап тууралоо квотанын кайталанып сарпталышына алып келет.
    Imagify ачык эле билдиретКайра оптимизация квотаны кайра сарптайт.
    Бул баракчада стратегияны так аныктоо сунушталат:
  • Биринчи, кысуу деңгээлин жана визуалдык сапатын аныктоо үчүн аз сандагы сүрөттөрдү колдонуңуз.
  • Бatchтерде иштетүүдөн мурун стратегияны бекитиңиз.
    Бардык маалымат базасы боюнча кайталанып жүргүзүлүүчү сыноо-жаңылыштык тестирлөөлөрдөн алыс болуңуз.
  1. Бир нече сайтта API ачкычтарын бөлүшүү квоталардын сырдуу түрдө азайышына алып келет.“
    Эгер бир нече сайтта бир эле API ачкычын колдонсоңуз, квоталар бөлүшүлөт.
    Ошондуктан командалык же көп объекттүү сценарийлерде кайсы объекттер ресурстарды бөлүшөөрүн, кайсылары өз алдынча иштешин так аныктоо сунушталат, бул бюджеттин көзөмөлсүздүгүнүн алдын алат.

3.2.3 TinyPNG(Tiny Compress Images): Айына 500 акысыз кредит; WebP/AVIFке айландырганда ар бир формат үчүн кошумча 1 кредит алат.“

Акысыз квота жана аны эсептөө ыкмасы

TinyPNG WordPress плагининин баракчасы абдан так жазылган:

  • Ар бир айда 500 кредит бекер
  • “Стандарттык WordPress орнотуусунда” ал болжол менен кысылышы мүмкүн Айына болжол менен 100 сүрөт
  • Бирок эгерде AVIF же WebP конверсиясы күйгүзүлгөн болсо:Ар бир сүрөттүн өлчөмү үчүн кошумча кредиттик төлөм алынат.Ошондуктан, аны, балким, болгону кысып, форматтарын өзгөртүүгө гана болот. Айына болжол менен 50 сүрөт(Сизде канча миниатюра өлчөмү бар экенине жараша)

Ал арада Tinify (TinyPNG/TinyJPG иштеп чыгуучусу) да өзүнүн… API баалар баракчасыЭскертүү: Айына 500 акысыз компрессия алуу үчүн катталыңыз. Бул чектен ашкан учурда ийгиликтүү компрессиялардын санына жараша акы алынат, милдеттүү жазылуу талап кылынбайт.

TinyPNGди бир сүйлөм менен кыскача айтканда:
Ал кредиттер менен эсептелет; сүрөтчөлөрдүн канчалык көп өлчөмдөрү жана канчалык көп WebP/AVIF форматтары активдештирилсе, кредиттериңиз ошончолук тез түгөнөт.

TinyPNG кредиттеринин жөнөкөй түшүнүктүү мисалы

Мисалы, сиздин сайтыңыз ар бир сүрөт үчүн сегиз миниатюра өлчөмүн түзөт:

  • Компрессия гана: Баштапкы сүрөт + 8 миниатюра → 9 кредит талап кылынат
  • Эгер WebP/AVIF конвертациясы күйгүзүлгөн болсо: ар бир өлчөм үчүн кошумча кредит кемитилет → бул чыгымды дээрлик эки эсеге көбөйтүшү мүмкүн.
    Бул плагин баракчасындагы сүрөттөмөгө так дал келет: конверсияны күйгүзгөндө, акысыз квота болжол менен “айына 100 сүрөт”дөн “айына 50 сүрөт”кө өзгөрөт.

TinyPNG менен байланышкан жалпы каталар

  1. 500 кредит 500 сүрөткө барабар деп эсептесек
    Жок. Ал “сүрөттүн өлчөмү/варианты” боюнча кредиттерди сарптайт. Плагин баракчасында так жазылган: “Конверсия сүрөттүн ар бир өлчөмү үчүн кошумча 1 кредитти кемитүү менен”
  2. Тема/электрондук соода плагини ашыкча өлчөмдөрдү түзүп, акысыз квоталардын кыйла кыскарышына алып келет.
    Өлчөмдөр канчалык чоң болсо, кредиттер ошончолук оңой көбөйүп, сарпталат.
  3. Айландырууну иштеткенден кийин кредиттик лимитим күтүүсүздөн жетишсиз болуп калды.
    Бул ката эмес; бул анын эсептөө механизми.
    Стратегиялык сунуштар:
  • Эгерде акысыз планда негизинен компрессия жана салмакты азайтуу үчүн колдонулса, башында жалгыз компрессияга гана көңүл буруңуз. Сайттын структурасы туруктуу экенин жана кийинки муундагы компрессия чындап эле зарыл экенин тастыктагандан кийин конверсияны баштай аласыз.

4. Контекстке негизделген сунуштар: Ар кандай сайт түрлөрү үчүн кантип тандап алуу

WordPressти колдонгон бардык контент-сайттар, электрондук соода платформалары, портфолиолор жана мүчөлүк сайттар ар бири сүрөттөргө байланыштуу өзгөчө кысым чекиттерин жаратат.

4.1 Мазмунга багытталган веб-сайттар/блогдор (ар бир макалада көптөгөн сүрөттөр бар жана жаңыртуулар орточо жыштыкта)

Артыкчылыктуу сунуштар:

  1. Өлчөм стратегиясы (1-кадам)
  2. Сыгымдоо (2-кадам)
  3. WebP (3-кадам)

Көбүрөөк ылайыктуу маршрут:

  • Кыйынчылыксыз вариант үчүн: үч альтернативанын (ShortPixel / Imagify / TinyPNG) бирин тандаңыз.
  • Акысыз варианты: A маршруту (Plus WebP + EWWW), бирок “консервативдүү режимде” (баштапкы сүрөттөрдү өчүрбөстөн) тобокелдиктерди баалоодон баштоо сунушталат.

Көп кездешүүчү каталар:

4.2 Электрондук соода/Өнүм сайттары (Көптөгөн миниатюралар, бир нече сүрөт варианттары, туруктуулук эң маанилүү)

Электрондук соодада эң көп кездешкен көйгөйлөр “жаман компрессия натыйжаларынан” эмес, тескерисинче оптимизациядан кийинки туура эмес өлчөмдөрдөн, миниатюралардын жоктугунан жана фронтенд компоненттеринин сүрөттөрдү жүктөй албай калышынан келип чыгат.

Артыкчылыктуу сунуштар:

  1. Этияттык менен аракет кылыңыз: компрессия стратегияларында консервативдүү ыкманы колдонуңуз; маалымат базасын толук алмаштырууну дароо жасабоодон алыс болуңуз.
  2. Миниатюранын өлчөмдөрүн баалоо: электрондук соода темалары адатта көбүрөөк өлчөмдөрдү түзөт, бул квотаны колдонууну күчөтөт (айрыкча ShortPixel/TinyPNG менен байкалат).
  3. Ири масштабга кеңейтүүдөн мурун чакан масштабдагы текшерүүнү жүргүзүңүз (абдан маанилүү)

Көбүрөөк ылайыктуу маршрут:

  • B маршруту көп учурда жөнөкөйлөтүлгөн: ShortPixel, Imagify жана TinyPNG баары топтомдук иштетүүнү колдойт. Негизгиси – квота системасын түшүнүү жана чыгымдарды алдын ала баалоо.
  • Route A дагы ылайыктуу, бирок Plus WebPтин IDдерди үстүнөн жазуу, түпнуска сүрөттөрдү өчүрүү же URLдерди алмаштыруу сыяктуу жүрүм-турумуна карата көбүрөөк этияттыкты көрсөтүү керек: бул активдерди көчүрүү болуп эсептелет, жана башынан эле толук алмаштырууну жүргүзүү сунушталбайт.

4.3 Портфолио/фотография веб-сайты (сүрөттөрдүн сапатына, файлдардын чоң көлөмүнө жана жогорку визуалдык стандарттарга сезгич)

Артыкчылыктуу сунуштар:

  1. Өлчөм стратегиясы (Көрсөтүү аянтын башкаруу)
  2. Компрессия стратегиясы (деталдарды жоготкондон көрө бир аз чоңураак болууга артыкчылык берүү)
  3. WebP/AVIF (чоң сүрөттөрдө олуттуу артыкчылыктарды берет, бирок визуалдык сапатын текшерүү керек)

Көбүрөөк ылайыктуу маршрут:

  • Имажифай“Баштапкы сүрөттүн көлөмүнө” жараша квоталарды бөлүштүрүү мындай сайттарды “бюджетти көзөмөлдөө” менен башкарууну жеңилдетет (ар бир чоң сүрөттүн канча орун ээлерин болжол менен билесиз), бирок аларды кайра-кайра сыгуудан алыс болуңуз.
  • ShortPixelЭгер миниатюра көлөмдөрүнүн саны чектелген болсо, кредиттердин сарптоосу көзөмөлдө болот; бирок кийинки муундагы активдер менен бирге көптөгөн көлөмдөрдү түзүүдө кредиттердин сарптоосу кескин көбөйүп, алдын ала пландоо талап кылынат.

5. Лимиттерди/эсептөөлөрдү салыштыруу: Акысыз лимиттер жетиштүүбү деп түшүндүрүү

Кайсысы чыгымдар жагынан натыйжалуу, жана акысыз мөөнөт канчага созулат?

5.1 Үч комиссияны чегерүү моделдери

  • ShortPixel(Кредиттер)Кредиттер түпнуска сүрөттөрдүн жана миниатюралардын санына жараша эсептелет; WebP/AVIF версияларын түзүү ар бир тиешелүү формат үчүн кошумча кредиттердин кемитилишине алып келет.
  • Имажифай(MB 配额)Квотадан чегерүүлөр баштапкы файлдын көлөмүнө жараша жүргүзүлөт; көбүрөөк миниатюралар көбүрөөк чегерүүлөргө алып келет; кайра кысуу кошумча чегерүүлөргө алып келет.
  • TinyPNG(Кредиттер): Айына 500 кредит; WebP/AVIF конвертациясын күйгүзүү сүрөттүн көлөмүнө жараша кошумча кредиттерди талап кылат.

5.2 Ыкчам баалоо ыкмалары

Сиз аны төмөнкүдөй баалай аласыз:

  1. 随便找一张“你常上传的原图”,看它大概多大(比如 300KB / 1MB / 3MB)
  2. Сайтыңыз түзгөн миниатюра көлөмдөрүнүн болжолдуу санын баалоо (мисалы, 5 / 10 / 20)
  3. WebP/AVIF түзүү керекпи же жокпу аныктаңыз (Ооба/Жок)

Андан кийин керектөөнү түшүнүү үчүн төмөнкү “менталдык эсептөөнү” колдонуңуз:

  • ShortPixelАр бир сүрөт үчүн ≈ (1 + миниатюралардын саны) кредит; Эгер WebP/AVIF форматтарын түзсөңүз, ≈ болжол менен эки эсе көп (анткени кийинки муундагы версиялар да кредиттерди талап кылат).
  • ИмажифайАр бир сүрөт болжол менен (баштапкы сүрөттүн көлөмү + бардык миниатюралардын жалпы көлөмү) өлчөмүндөгү квотаны сарптайт; башка компрессия деңгээлинде кайра компрессиялоо кошумча квотаны сарптоого алып келет.
  • TinyPNGАкысыз: 500 кредит; эгерде сиздин сайт ар бир сүрөт үчүн көптөгөн өлчөмдөрдү түзүп, конверсия күйгүзүлгөн болсо, акысыз лимит кыйла азаят (плагин баракчасында “айына болжол менен 100 сүрөт” жана “айына болжол менен 50 сүрөт” деп интуитивдүү баа берилет).

6. Тобокелдиктерди ачып көрсөтүү

Тобокелчилик 1: Бир эле функцияны кайталап аткарган бир нече плагиндердин болушунан качкыла.

Бул кырсыктын эң көп кездешүүчү булагы.“

  • Маршрут A:Мындан тышкары WebP же AVIF + EWWW(Жоопкерчиликтерди экөөнүн ортосунда бөлүштүрүңүз; окшош конверсияларды жана жеткирүүлөрдү бир эле учурда аткаруудан же экөөнүн бирин гана орнотуудан алыс болуңуз.)
  • B маршруту: ShortPixel / Imagify / TinyPNG Үчтөн бирин тандаңыз(Сыгуу жана кийинки муун үчүн жооптуу бирөөсүн тандаңыз)

Риск 2: Plus WebPтин “IDди үстүнөн жазуу / түпнуска сүрөттү өчүрүү / URLди алмаштыруу” функциясы активдерди көчүрүү болуп эсептелет.

Тағы бир жолу баса белгиленсин:Мындан тышкары WebP Сүрөттөмөдө так көрсөтүлгөн: толук генерациялоо учурунда түпнуска сүрөттүн IDси жаңысы менен алмаштырылып, түпнуска файл өчүрүлүп, мазмундун URL дареги алмаштырылат.
Бул ар кандай убакта артка чакырылып алынуучу чакан түзөтүү эмес, актив деңгээлиндеги өзгөртүү экенин билдирет.

Сунушталган стратегия төмөнкүдөй болушу керек:

  • Баштапкы чакан көлөмдөгү тестирлөө (ондон жүздөгөн элементке чейин)
  • Алдыңкы беттеги көрсөтүү, миниатюралар жана кэшти жаңыртуулардын баары туура иштеп жатканын тастыктаңыз.
  • Толук маалымат базасын иштетүүнү карап көрүңүз

Тобокелдик 3: Булутту кысуу үчүн берилген “акысыз квота”нын чыныгы колдонулушу тандалган миниатюралардын санына жана кийинки муундагы опцияларга жараша болот.

  • ShortPixelМиниатюралар жана кийинки муун кредиттерге олуттуу таасир тийгизет.
  • TinyPNGWebP/AVIFти иштетүү ар бир сүрөттүн ар кандай өлчөмү үчүн кошумча кредит алат.
  • Имажифай: Баштапкы сүрөттүн өлчөмүнө жараша чегерүү жүргүзүлөт; миниатюралар канчалык көп болсо, чегерүү ошончолук чоң болот. Катуу кысуу кайталанма чегерүүлөргө алып келет.

Тобокелчилик 4: “Жаралган WebP/AVIF” “Фронтенд тарабынан жеткирилген WebP/AVIF” менен барабар эмес.”

Көптөгөн колдонуучулар конверсиядан кийин сайтынын ылдамдаганын байкаган жокмун деп билдиришет, анын негизги себеби фронтенд JPG/PNG файлдарын чыгарууну улантып жатканында (кашангылоо, кайра жазуу, тегдер же браузердин сүйлөшүүсү сыяктуу процесстин кайсы бир этабында шайкешсиздиктен улам).

7. Ишти бүткөндөн кийин анын күчүнө киргенин кантип текшерем?

Төрт өтө жөнөкөй текшерүү пункттары:

  1. Ошол эле баракты экинчи жолу жаңыртканда жүктөө процесси туруктуураак жана ылдамыраак болобу?(Кэштөөнүн жана оптимизациянын кабылданган натыйжалуулугу)
  2. Мобилдик жана десктоптук жүктөлүүдө сүрөттүн өлчөмдөрүндө байкаларлык айырма барбы?(Жооп бере турган) srcset/sizes Ал натыйжалуубу?
  3. Бир нече сүрөттү тез текшерип көрүңүз: WebP же AVIF форматтагы файлдар/ресурстар барбы?Сайт аны чындап эле колдонуп жатабы? кийинки муун
  4. Бир нече сүрөттү кокустан текшериңиз: чоңойтуп карап, алардын көрүнүктүү түрдө буланганын же тексттин тумандап көрүнгөнүн байкаңыз.(Сыгуунун сапаты ашыкчабы?)

Эгер төрт критерийдин баары аткарылса, бул сиз тандаган маршрут азыр ишке киргенин билдирет. Кийинки кадамга өтүңүз. CDN “交付层”Жалпы туруктуулук жакшыртат.

8. Аракетке сунуштар

  1. Алгач маршрутуңузду тандаңыз:
  • Мен аны мүмкүн болушунча акысыз сактагым келет.Мындан тышкары WebP же AVIF + EWWW (же экөөнүн бирин гана орнотуңуз)
  • Сервердик ресурстарды үнөмдөө жана колдонулганга жараша төлөө системасы менен көбүрөөк тынчтыкка ээ болууТөмөнкүлөрдүн бирин тандаңыз: ShortPixel / Imagify / TinyPNG
  1. Кичинекей көлөмдөгү сыноо жүргүзүңүз (бир нече он буюм)
  2. Партияны иштетүүдөн мурун баарынын тартипте экенин текшерип алыңыз.
  3. Жеткирүүнүн туруктуулугун жакшыртуу үчүн кошумча жакшыртуулар талап кылынат:Окуу CDN Ылдамдатуу

Көп берилүүчү суроолор

1. Канча плагин орнотушум керек? Аларды баарын орното аламбы?

Бир гана маршрутту карманууга аракет кыл.

  • Route A: Plus WebP же AVIF + EWWW Image Optimizer (же экөөнүн бирин гана орнотуңуз)
  • B маршруту: ShortPixel / Imagify / TinyPNGдон бирин тандаңыз
    Бир эле сайтта бир нече плагин бир эле учурда “WebP/AVIFке кысуу/конвертациялоо, URLди өзгөртүү, жеткирүүнү кайра жазуу” операцияларын аткарганда, абал күндөн-күнгө татаалдашып, аны оңдоп-түзөө эң кыйын болуп калат.

2. WordPress WebP/AVIF форматтарын буга чейин эле колдобойбу? Мага дагы деле плагин керекпи?

Айырмалоо зарыл:
“Жүктөөгө/колдонууга колдоо” ≠ “Автоматтык конвертация/автоматтык жеткирүү”
WordPress 6.5 эски JPG/PNG файлдарын WebP/AVIFке автоматтык түрдө топтой конвертациялабайт, ошондой эле “браузердин мүмкүнчүлүгүнө жараша AVIF/WebP чыгаруу жана резервдик форматтарды колдонуу” деген толук иш агымын да автоматтык түрдө аткара албайт. Тарыхый медиа китепканаларды жаңыртуу үчүн адатта плагиндер же кызматтар талап кылынат.

3. Сүрөттү оптималдаштырууда кайсы кадам инвестициядан эң жогорку кирешени берет?

Ал адатта Биринчиден, өлчөмдөрдү туура коюңуз (srcset/sizes)
Көптөгөн сайттар жай иштейт, компрессия жетишсиз болгону үчүн эмес, барактар болгону 900 пиксел көрсөтүп, колдонуучуларды толук 3000 пиксел сүрөттү жүктөөгө мажбур кылат. Компрессия килобайттарды үнөмдөйт, бирок өлчөмдөрдүн дал келбеши керексиз бир нече эсе көп маалыматты текке кетириши мүмкүн.

4. Азыр жүктөлүп жаткан сүрөт түпнуска эмес, “кичинекей” сүрөт экенин кантип тастыктай алам, түпнусканы дайыма жүктөп албай турганыма кантип ынансам болот?

Эки көрүнүштү байкаңыз:

  • Мобилдик түзмөктө баракты ачканда жүктөлгөн сүрөттүн өлчөмдөрү десктоптогуга караганда байкаларлык чакан болот.
  • Бир эле сүрөттүн ресурстук көлөмү ар башка түзмөктөрдө жүктөлгөндө ар башка болот.
    Эгер түпнуска сүрөттөр ар дайым жүктөлүп жатса, анын жалпы себеби – тема же куруучу сүрөттү CSS фонду катары же атайын чыгарылыш катары кабыл алып, медиа китепкананын көп өлчөмдүү мүмкүнчүлүктөрүн жана srcset функциясын айланып өтүүсү болуп саналат.

5. “generated WebP/AVIF” сөзсүз түрдө фронтенд WebP/AVIF чыгарып жатат дегенди билдиреби?

Бул бирдей эмес.
Генерация – бул жөн гана “файл катмарын” бүтүрүү; фронтенд чындап эле WebP/AVIF жеткиреби же жеткирбейби, бул кайра жазуу, сүрөт тег стратегиясы, кэштен алуулар жана браузердик сүйлөшүүнүн натыйжалуу болушу сыяктуу факторлорго жараша болот. Ишти бүткөндөн кийин бир нече сүрөттүн ресурс түрлөрүн кокустан текшерип чыгышыңыз керек.

6. WebP же AVIF менен так кандай тобокелдик бар? Мен бүт китепкана боюнча бир чыкылдатуу менен конвертация жүргүзө аламбы?

Анын тобокел чекити “компрессия” эмес, тескерисинчеМүлктү көчүрүү деңгээлин өзгөртүү

  • Толук масштабдагы көрсөтүүдө түпнуска сүрөт файлынын IDси жазылып салынышы мүмкүн, түпнуска файл өчүрүлүшү мүмкүн жана мазмундагы URL даректери алмаштырылышы мүмкүн.
    ОшондуктанБардык маалымат базасын дароо алмаштыруу сунушталбайт.Алгач чакан көлөмдөгү тестирлөөнү (ондон жүздөгөн жазууга чейин) өткөрүп, толук маалымат базасын иштетүүдөн мурун резервдик көчүрмөлөрдүн бар экенине ынаныңыз.

7. Plus WebP үчүн эки режимдин кайсынысын тандаш керек: түпнуска сүрөттү сактоо же түпнуска сүрөттү алмаштырып жок кылуу?

Жөнөкөй айтканда:

  • Режим 1: Баштапкы сүрөттү сактап, WebP/AVIF көчүрмөсүн түзүү (стабилдүүрөөк)Кайра калыбына келтирүү үчүн ыңгайлуу, бирок диск мейкиндиги көбөйөт (баштапкы сүрөт + жаңы формат + ар кандай өлчөмдөгү миниатюралар).
  • Режим 2: Баштапкы сүрөттү алмаштырып, өчүрүү (агрессивдүү)Дискти кеңейтүү оңой эмес, бирок активдерди жана шилтемелерди бир эле учурда өзгөрткөндө шайкештик көйгөйлөрүн чечүү чыгымдары кыйла жогорулайт.
    Сайт канчалык татаал (электрондук соода/бир нече плагиндер/бир нече өлчөмдөр) болсо, ошончолук туруктуураак ыкма менен баштоо максатка ылайыктуу.

8. EWWW Image Optimizer программасынын акысыз жергиликтүү кысуусу жетиштүүбү? Ал серверге ашыкча жүк түшүрө алабы?

EWWW 更像“本地干活的压缩工”:会吃 CPU/IO。
Партияларды оптималдаштырууда жүктүн көбөйүшү кеңири тараган көрүнүш. Бул ыкманын жетишсиз экенин билдирбейт, тескерисинче стратегия туура болушу керек: жүктү партиялар менен, жүктүн аз учурунда жүзөгө ашырып, зарыл болгондо жүктү түшүрүү же булут чечимдерин тандаңыз.
Эгер сиз кыйынчылыксыз чечим издеп жатсаңыз же сервер ресурстарынын чектөөлөрүнө дуушар болуп жатсаңыз, B маршруту сервер үчүн натыйжалуураак.

9. ShortPixelдин айына 100 акысыз кредити – эмнеге бир нече сүрөттөн кийин эле түгөнүп кеткендей сезилет?

Анткени Кредиттер сүрөттөрдүн саны эмес.“Миниатюраланып, кийинки муунда чоңойтулат:

  • Баштапкы сүрөт + ар бир миниатюра кредит катары эсептелет.
  • Эгерде WebP/AVIF түзүлсө, ар бир тиешелүү версия кошумча трафикти сарптайт.
    Ошондуктан сиз “1 сүрөт” чындыгында эле “эки орундуу кредиттерге” жакын чыгым болушу мүмкүн деп ойлошуңуз мүмкүн. ShortPixel

10. Imagify 的免费 20MB/月,为什么也很快用完?

Imagify көбүрөөк “маалымат пакетине” окшош:

  • Сиздин билдирүүңүзгө ылайыкБаштапкы файлдын көлөмүквотаны азайтуу
  • Миниатюралар канчалык көп болсо, сарптоо ошончолук көп болот.
  • Сыгуу деңгээлин кайра оптималдаштыруу кошумча квотаны сарптайт.
  • Бир API ачкычы бир нече сайттарда бөлүшүлөт, квоталар да тиешелүү түрдө бөлүшүлөт.
    所以“20MB 很快用完”经常是图片太大、缩略图太多、或者反复试错造成的。

11. TinyPNG айына 500 акысыз кредит сунуштайт, анда плагин эмнеге айына болгону болжол менен 100 сүрөт гана берет деп көрсөтөт? Жана WebP/AVIFти иштеткенден кийин эмнеге айына 50 сүрөткө чейин гана калат?

Анткени TinyPNGдин кредиттери да “size/variant” боюнча көбөйтүлөт:

  • Стандарттык WordPress орнотуусу адатта айына болжол менен 100 сүрөттү кысымдайт.
  • AVIF же WebP конвертациясын күйгүзүңүз:Ар бир сүрөттүн өлчөмү үчүн кошумча кредиттик төлөм алынат.Ошондуктан, миниатюра көлөмдөрүнүн санына жараша, айына болжол менен 50 сүрөттү гана кысып жана конвертациялоо мүмкүн болот.
    Ошондуктан, 500 кредит 500 сүрөткө барабар эмес.

12. Менин сайтымда канча миниатюра бар? Эмне үчүн бул ушунчалык чоң таасир тийгизет?

WordPressке сүрөт жүктөө ар кандай өлчөмдөрдү түзөт; темалар/плагиндер (айрыкча электрондук соода плагиндери) кошумча өлчөмдөрдү кошушу мүмкүн.
Булуттагы кысуу кредиттери/квоталары адатта “баштапкы сүрөт + миниатюралардын жыйындысы” катары эсептелет, ошондуктан миниатюралардын саны канчалык көп болсо, акысыз лимит ошончолук азга созулат.

13. Лейзи-лоудинг ар дайым ылдамдыкты жогорулатабы? Эмне үчүн кээ бирөөлөр тескерисинче жайлатат дешет?

Lazy loading экрандын сыртындагы ресурстар үчүн ылайыктуу.
Эгер биринчи экрандагы эң маанилүү чоң сүрөт да кечиктирилсе, ал баштапкы жүктөө тажрыйбасын жайлата алат. WordPress 5.5тин стандарттык кечиктирилген жүктөөсү жалпы алганда канааттандырарлык болсо да, универсалдуу ыкманы колдонбоо керек.

14. 我走路线 A 或 B,什么时候需要 CDN / 图片 CDN?

Сыгуу, өлчөм жана формат “кичирээк, ылайыктуураак файлдар” деген муктаждыкты канааттандырат;
CDN 解决的是交付更近更稳
当图片从源站远距离拉取导致延迟明显时,再补 CDN/图片 CDN(例如 Cloudflare Polish / Jetpack Site Accelerator)整体会更稳,阅读 WordPress CDN加速

15. Муну жасап бүткөндөн кийин чын эле иштегенин текшерүүнүн эң жөнөкөй жолу эмне?

Убакытты эң көп үнөмдөөчү текшерүү ыкмасы:

  • Ошол эле баракты экинчи жолу жаңыртканда жүктөө процесси туруктуураак жана ылдамыраак болобу?
  • Мобилдик жана десктоптук жүктөлүүдө сүрөттүн өлчөмдөрүндө байкалаарлык айырма барбы (srcset/sizes функциялары натыйжалуу иштейби)?
  • Бир нече сүрөттү тез текшерип көрүңүз: WebP же AVIF форматтагы файлдар/ресурстар барбы?
  • Бир нече сүрөттү кокустан текшериңиз: чоңойтуп карап, алардын көрүнүктүү түрдө буланганын же тексттин тумандап көрүнгөнүн байкаңыз.