Веб-сайт суретін оңтайландыру

Суретті оңтайландыру – WordPress өнімділігіндегі ең жоғары қайтарымдылық беретін аспектілердің бірі: бет құрылымы мен тақырып бірдей болған жағдайда суреттің файл өлшемін, өлшемдерін, форматын және жеткізу әдісін дұрыс таңдау жүктеу жылдамдығын бірден жақсартуға мүмкіндік береді.

Алайда суреттерді оңтайландыру – ең оңай бүлініп кетуі мүмкін сала; себебі технология тым күрделі емес, керісінше ақпарат тым бөлшектелген:
Сіз бірнеше мақаланы оқып, “компрессия”, “WebP/AVIF” және “lazy loading” туралы білдіңіз, бірақ плагин сипаттамасына қарасаңыз, онда “айына 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-ді қолдайтын болса) WebP файлдарын JPEG пен PNG сияқты жүктеп, пайдалануға болады.
• AVIF жүктеулерін қолдайдыWordPress 6.5-тен бастап AVIF файлдарын JPEG пен PNG файлдары сияқты жүктеуге және пайдалануға болады (хост ортасының қолдауына байланысты).

Дегенмен, назар аударыңыз:
“Жүктеу/пайдалануға қолдау көрсету” ≠ “автоматты түрлендіру/автоматты жеткізу”
Басқаша айтқанда: тіпті сіз WP 6.5-ке көшкен болсаңыз да, медиа кітапханаңыздағы JPG/PNG файлдары автоматты түрде WebP/AVIF форматына ауыстырылмайды; сондай-ақ “қолдау көрсетілмейтін браузерлер үшін бастапқы суретке оралу арқылы браузер мүмкіндіктеріне сәйкес AVIF/WebP шығару” толық функционалдығын да автоматты түрде ала алмайсыз — бұл үшін әдетте плагин немесе қызмет қажет.

2. Жол картасы: Суретті оңтайландыру бойынша 5 қадамдық нұсқаулық

Не істеу керек, неге, қандай жағдай «pass» болып саналады және жиі кездесетін қателіктер қандай.

2.1 Алдымен “өлшемдерді” дұрыс анықтаңыз (ең оңай байқалмай қалатын, бірақ ең үлкен пайда әкелетін нәрсе)

Көптеген веб-сайттар баяу, олар оңтайландырылмағандықтан емес, себебіЭкран аймағынан әлдеқайда үлкен суретті жүктеп алдым：
Мысалы, егер беттің ені шын мәнінде тек 900 пиксель болса, бірақ сіз келушілерден бастапқы 3000 пиксельдік суретті жүктеп алуды талап етсеңіз, браузер оны жай ғана жүктеп алып, кейін көрсету үшін кішірейтіп көрсетеді. Бұл өткізу қабілетін ысырап қылады, декодтау уақытын ұзартады және мазмұнның бірінші экранда пайда болу уақытын баяулатады.

WordPress 4.4 және одан кейінгі нұсқалары үшінЖауап беретін сурет механизмі（srcset/sizes) дәл осы мәселені шешу үшін жасалған.

Өту деп не саналады:

• Бетті ұялы құрылғыда ашқанда жүктеп алынған суреттер жұмыс үстеліндегіге қарағанда айтарлықтай кіші болуы керек.
• Сол бір суреттің файл өлшемі құрылғыға байланысты әртүрлі болады (әрқашан түпнұсқа суретті жүктеп алмай-ақ)

Ең жиі кездесетін қателіктер:

• Кейбір тақырыптар немесе құрастырушылар суреттерді CSS фондық кескіндері ретінде қарастырады немесе оларды арнайы тәсілмен көрсетеді, бұл айналып өтуі мүмкін srcset, нәтижесінде үлкен сурет жүктелуді жалғастырады
• Егер сіз сыртқы сурет хостинг қызметтерін немесе үшінші тараптың сурет блоктарын пайдалансаңыз, медиа кітапхананың жасаған бірнеше өлшемді жүйесін айналып өтуге мүмкіндік болуы мүмкін.

---

2.2 Сығу (сапаны жоғалтпай файл өлшемін азайту)

Компрессияның мәні “кішірек болғаны жақсы” емес, керісінше “айырмашылық көзге шамалы ғана көрінеді, бірақ файл көлемі айтарлықтай қысқарады”.

Ережелер төмендегідей:

• Фотосуреттер/Шынайы өмірден түсірілген кадрлар (портреттер, өнімдер, пейзаждар)Жоғалтумен сығуды басымдыққа қойыңыз (ең жоғары пайда)
• Көп мәтінді скриншоттар/суреттерМәтіннің бұлыңғырлануын болдырмау үшін сығу параметрін сақтайтын режимді пайдаланыңыз.
• Логотип/Иконка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/image CDN).

Екі типтік тәсіл:

• Cloudflare Польша：Cloudflare құжаттамасыБұл бөлімде поляк тілінде қолжетімді сығу әдістері (жоғалтусыз, жоғалтумен және WebP) таныстырылады және олардың қолданылуы туралы айтылады. format=auto WebP және AVIF форматтары рұқсат етіледі.
• Jetpack Сайт Акселераторы：Джетпак құжаттамасыБұл суреттерді оңтайландырып, оларды статикалық ресурстармен бірге өз желісі арқылы тарататынын білдіреді.

Суреттерді оңтайландыру суреттердің көлемін қысқартып, оларды тиісті түрде қайта өлшеуді қамтамасыз етеді.CDN: Жақынырақ және сенімдірек жеткізу

3. Маршрутты таңдау: тек екі негізгі маршрутты ғана ұстаныңыз

Суреттерді оңтайландыру кезіндегі ең жиі кездесетін қателік – “плагинді орнатпау” емес, керісінше тым көп плагин орнату, бұл қайталанатын өңдеуге әкеледі:
A қысып жатыр, B де қысып жатыр; A WebP/AVIF форматына түрлендіріп жатыр, B де солай істеп жатыр; A URL-мекенжайларды өзгертіп жатыр, B URL-мекенжайларды қайта жазуда — ақырында, сайтпен шын мәнінде не болып жатқанын өзің де түсіне алмайсың.

Ережелер:

Бір ғана тәсілді ұстаныңыз: жергілікті орнату толығымен тегін болуы немесе үш бұлттық нұсқаның бірін таңдау.

• A бағыты (толықтай тегін жергілікті көлік):Сонымен қатар WebP немесе AVIF + EWWW Image Optimizer(немесе тек біреуін таңдаңыз)
• B нұсқасы (Үш бұлтты сығу әдісінен бірін таңдаңыз):ShortPixel / Imagify / TinyPNG

---

3.1 А опциясы: Толықтай тегін жергілікті хостинг (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-ді ауыстырудың орнына көлемді азайтуға бағытталу)

EWWW-дің типтік тұзағы

1. Бөлекшелік оптимизация кезінде сервер жүктемесі артады.
   Бұл жергілікті сығудың CPU/IO тұтынатындығынан. Шешім – оны пайдалануды тоқтату емес, керісінше, жүктемесі төмен уақытта топтап өңдеу және қажет болған жағдайда жүктемені басқа серверге аудару немесе бұлттық шешімдерді таңдау.
2. “WebP жасалды” дегені міндетті түрде алдыңғы жағының нақты WebP-ны қызмет көрсетіп жатқанын білдірмейді.
   Көптеген плагиндер генерациялау бір нәрсе, ал жеткізу стратегиялары (мысалы, қайта жазу, `picture` тегтері және кэштің мерзімінің өтуі) мүлде басқа нәрсе деген қате түсінікпен жұмыс істейді.
3. Басқа плагиннің функционалдығын қайталайды
   Егер сіз A нұсқасын таңдасаңыз, ShortPixel, Imagify немесе TinyPNG сияқты қосымша бұлттық сығу құралдарын пайдаланбауға тырысыңыз; егер сіз B нұсқасын таңдасаңыз, Plus WebP-де алмастыру логикасын қоспаңыз. Негізгі қағида:Бір әрекет жоспарына адал бол.

---

3.2 B нұсқасы: Үш бұлттық сығу қызметінен бірін таңдаңыз (ShortPixel / Imagify / TinyPNG)

Бұл жоспар сервер ресурстарын үнемдеуді қалайтындарға, пакеттік өңдеуді қиындықсыз жүргізуді жөн көретіндерге және пайдалануға негізделген немесе пайдаланған сайын төлеу жүйесіне қолайлы.
Дегенмен, бұлтты сығуға қатысты ең жиі кездесетін түсініспеушілік мынада:Тегін лимит – бұл тек “тегін парақтар” мәселесі ғана емес.Миниатюралардың өлшемдерінің саны, WebP/AVIF форматтарының жасалуы және суреттердің қайта-қайта сығылуы ресурстарды пайдалануға елеулі әсер етеді.

Төменде біз түсіндіреміз: тегін және ақылы нұсқалардың айырмашылығы, несие қалай шегерілетіні, ең жиі кездесетін қателіктерді қалай болдырмау керектігі және осы қызметтерге ең қолайлы веб-сайт түрлері.

---

3.2.1 ШортПикселАйына 100 тегін кредит, бірақ миниатюралар мен WebP/AVIF үлкейтулер кредиттерді пайдаланады.

Тегін және ақылы нұсқалардың айырмашылығы неде?

ShortPixel плагинінің сипаттамасында айқын көрсетілген:

• Айына 100 тегін кредит
• Сонымен қатар “қосымша шексіз ай сайынғы кредиттер” бар (баға туралы мәліметтер плагин бетінде көрсетілген)
• Сонымен қатар біз “ешқашан мерзімі өтпейтін біржолғы кредиттік пакеттерді” (бастапқы бағалар туралы ақпаратпен бірге) ұсынамыз.

Ескерту:

• Тегін: Жеңіл веб-сайттарда пайдалану немесе сынақ жүргізу үшін әр ай сайын белгілі бір мөлшерде кредиттер беріледі.
• Біржолғы пакет: ірі медиа кітапханасы бар сайттарға арналған, қорларын бірден тазартуға мүмкіндік береді (бір рет сатып алынады және сарқылғанша жарамды; әдетте мерзімі шектелмейді)
• Ай сайынғы/шексіз: суреттерді үнемі жаңартуды және ұзақ мерзімді, тұрақты оңтайландыруды қажет ететін сайттарға қолайлы

ShortPixel-дің ресми білім базасы сонымен қатар “бір реттік пакет пен шексіз ай сайынғы” туралы нұсқаулық ұсынады.Анық түсіндіру: «Unlimited Monthly» жоспары ай сайын (немесе жыл сайын) төленеді, шексіз кредиттер мен CDN тұрақты квотасын ұсынады; біржолғы кредиттердің мерзімі өтпейді, бұл сізге қажет кезде пайдалануды жақсырақ басқаруға мүмкіндік береді.

Ең бастысы: ShortPixel несиелері қалай есептеледі?

ShortPixel ресми құжаттамасы KB оны өте ашық айтты:

• WordPress-ке сурет жүктегенде, ол бірнеше миниатюра жасайды;
• Әр миниатюраны оңтайландыру бір кредитке тең саналады.；
• Егер сіз WebP немесе AVIF жасауды таңдасаңыз,Түпнұсқа суреттің әрбір WebP/AVIF нұсқасы мен оның миниатюрасы қосымша кредит ретінде есептеледі.；
• Кредитті үнемдеу үшін кейбір миниатюраларды оңтайландырудан шығарып тастай аласыз.

Несиелер мысалы：

Мысалы, сіз бір сурет жүктедіңіз де, тақырып немесе плагин сегіз миниатюра жасады:

• Тек түпнұсқа сурет пен миниатюраларды оңтайландырыңыз: 1 (түпнұсқа сурет) + 8 (миниатюралар) = 9 кредит
• Егер сіз сондай-ақ WebP/AVIF жасағыңыз келсе: жоғарыдағы 9-ға келесі буын нұсқасын қосыңыз → қосымша 9 кредит
  Басқаша айтқанда, сіз оны “бір сурет” деп ойлауыңыз мүмкін, бірақ ол шын мәнінде шамамен “екі таңбалы кредит” тұруы мүмкін.

Сондықтан:“100 тегін кредит” “100 тегін сурет” дегенді білдірмейді.

ShortPixel-пен жиі кездесетін қателіктер

1. Тегін 100 кредит тез таусылады
   Себебі: WebP/AVIF файлдарын жасау үшін көптеген миниатюралар мен қосымша өңдеу уақыты қажет.
   Ұсыныс：

• Алдымен сайттың миниатюраларының санын бағалаңыз.
• Қолданылмайтын миниатюра өлшемдерін жойыңыз (шын мәнінде қолданылатын өлшемдерді ғана оңтайландырыңыз)
• Алдымен сығу стратегиясын анықтап алыңыз, содан кейін сынақ пен қателікке уақыт жоғалтпау үшін процесті партиялармен іске қосыңыз.

2. Басқа форматты түрлендіру плагиндерімен бірге пайдаланыңыз
   Егер сіз Plus WebP ауыстыруын қосып, сонымен бірге ShortPixel-ге келесі буын тегтерін жасап, енгізуді тапсырсаңыз, логика қақтығысып, ақауларды жою қиындайды. B нұсқасында ShortPixel бұл тапсырманы өз бетінше орындайды.
3. Мен оны орнатқаннан кейін фронтенд WebP/AVIF файлдарын автоматты түрде жасайды деп ойладым.“
   ShortPixel плагинінің бетіАйта кетерлік жайт, ол WebP және AVIF файлдарын түрлендіріп, келесі буын суреттерін (мысалы, тегтер арқылы) фронтенд беттеріне енгізе алады.
   Дегенмен, аяқтағаннан кейін нәтижелерді әлі де тексеруіңіз керек.

---

3.2.2 Имиджифай: Айына 20MB тегін; квота “бастапқы суреттің көлемі + миниатюралар саны” негізінде шегеріледі; қайта сығу қайталанған шегерімдерге әкеледі

Тегін бөлінетін мөлшері мен орналасқан жері

Imagify ресми бағалар бетіБұл өте айқын көрсетілген:Тегін есепшоттардың ай сайынғы квотасы 20MB。
Оның плагин бетінде сондай-ақ ол суреттерді сығуға, өлшемін өзгертуге және WebP/AVIF форматына түрлендіруге болатыны көрсетілген.

Квота қалай шегеріледі?

Imagify ресми құжаттамасы “Квота пайдаланылуы қалай есептеледі?” бөлімінде төлем механизмі өте айқын түсіндірілген:

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

Бұл Imagify-дің “негізгі тәсілі”:
Бұл деректер пакетіне ұқсайды: неғұрлым көп деректер жүктесеңіз, соғұрлым көп деректер пайдаланылады; неғұрлым көп миниатюра жасасаңыз, соғұрлым көп деректер пайдаланылады; ал суреттерді қайта-қайта өлшемін өзгертсеңіз, деректер де қайта-қайта пайдаланылады.

Imagify квоталарының оңай түсінікті мысалы

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

• Imagify-пен оңтайландырғанда “түпнұсқа сурет пен 8 миниатюра” екеуі де (егер “Барлығын оңтайландыру” таңдасаңыз) қосылады, яғни бұл операция осы файлдардың барлығының жалпы көлеміне тең квотаны пайдаланады.
  Міне осы себепті кейбір сайттар өздерінің “20MB” квотасы тез таусылып қалатынын байқайды: Imagify жеткіліксіз қуатты болғандықтан емес, сіз жүктеген суреттер тым үлкен, кіші суреттерді тым көп жасап жатқандықтан және әртүрлі сығу деңгейлерін қайта-қайта сынап көріп жатқандықтан.

Imagify-дегі ең жиі кездесетін қателіктер

1. Тегін 20MB толық сайт тарихын тазалауды жүзеге асыруға жеткіліксіз“
   20MB әдетте тестілеу мен шағын жаңартуларға жақсырақ; егер медиа кітапханаңыз қазірдің өзінде үлкен болса, оны бірден тазалау үшін, мүмкін, жаңарту қажет болады.
2. Қысым деңгейін қайта-қайта реттеу квотаның қайта-қайта таусылуына әкеледі.
   Imagify: Айқын түсіндіруҚайта оңтайландыру квотаны тағы да пайдаланады.
   Біз сізге осы бетте “стратегияны” айқын түрде баяндап шығуды ұсынамыз:

• Сығу деңгейі мен визуалдық сапаны анықтау үшін алдымен аз мөлшердегі суреттерді пайдаланыңыз.
• Стратегия бекітілгеннен кейін оны партиялар бойынша іске қосыңыз.
  Бүкіл дерекқор бойынша сынақ жүргізу мен қате іздеуден аулақ болыңыз

3. Бір API кілтін бірнеше сайттарда бірге пайдалану квоталардың “сырлы түрде” азаюына әкеледі.”
   Егер сіз бірдей API кілтін бірнеше сайттарда қолдансаңыз, квоталар ортақ болады.
   Сондықтан командалық немесе бірнеше нысанды қамтитын жағдайларда бюджеттің артық жұмсалуын болдырмау үшін қай нысандар ресурстарды бөлісетінін, ал қайсысы тәуелсіз жұмыс істейтінін анықтаған жөн.

---

3.2.3 TinyPNG(Tiny Compress Images): айына 500 тегін кредит; WebP/AVIF форматына түрлендіру үшін әр өлшемге қосымша 1 кредит алады“

Тегін жеңілдіктер және олардың есептелу тәсілі

TinyPNG WordPress плагинінің беті өте анық жазылған:

• Әр ай сайын 500 тегін кредит
• “Стандартты WordPress орнатуында” сіз, бәлкім, сығылта аласыз Айына шамамен 100 сурет
• Алайда, егер AVIF немесе WebP түрлендіруі қосулы болса:Әрбір сурет өлшемі бір қосымша кредитке тұрады., сондықтан меніңше жалғыз амал – оны сығыстырып, түрлендіру. Айына шамамен 50 сурет(Бұл сізде қанша миниатюра өлшемдері бар екеніне байланысты.)

Осы уақытта TinyPNG пен TinyJPG әзірлеушісі Tinify де 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-қадам)

Көбірек қолайлы маршрут:

• Егер қиындықсыз нұсқаны қаласаңыз: B нұсқасындағы үшеуден бірін таңдаңыз (ShortPixel / Imagify / TinyPNG)
• Егер тегін нұсқаны қаласаңыз: A маршруты (Plus WebP + EWWW), бірақ алдымен тәуекелдерді бағалау үшін “Консервативті режим (түпнұсқа суреттерді жоймау)”-ден бастауды ұсынамыз.

Жиі кездесетін қателіктер:

• Мақала бетіндегі тақырыптық сурет өте үлкен, ал жалқау жүктеу стратегиясы нашар іске асырылған.Бұл бірінші беттің жүктелуін баяулатады.

4.2 Электрондық коммерция/өнім сайттары (көптеген миниатюралар мен сурет нұсқалары; тұрақтылық ең бастысы)

Электрондық коммерциядағы ең жиі кездесетін мәселелер “сығу сапасының нашар болуы” емес, керісінше “оптимизациядан кейін кейбір өлшемдер дұрыс емес болуы, кіші суреттердің жоғалып кетуі немесе фронтенд компоненттерінің суреттерді жүктей алмауы” болып табылады.

Басым ұсыныстар:

1. Сақтықпен бастаңыз: консервативті сығу стратегиясын қабылдаңыз; дерекқорды толық ауыстыруға бірден кіріспеңіз.
2. Миниатюра өлшемдерін бағалау: электрондық коммерция тақырыпшалары әдетте көбірек өлшемдер жасайды, бұл деректерді пайдалануды айтарлықтай арттырады (бұл әсіресе ShortPixel және TinyPNG-де айқын байқалады).
3. Алдымен шағын ауқымды сынақ жүргізіңіз, содан кейін оны кең аудиторияға таратыңыз (бұл өте маңызды)

Көбірек қолайлы маршрут:

• B нұсқасы көбінесе қиындықсыз таңдау болып табылады: ShortPixel, Imagify және TinyPNG барлығы топтық өңдеуді қолдайды; бастысы квота жүйесін түсініп, шығындарды алдын ала бағалау.
• A нұсқасы да қабылданады, бірақ Plus WebP-тің “ID-ларды үстінен жазу, түпнұсқа суреттерді жою және URL-мекенжайларды ауыстыру” әрекетіне аса сақ болу керек: бұл активтерді көшіру болып табылатындықтан, толық ауыстыруды бірден жүзеге асыру ұсынылмайды.

4.3 Портфолио/фотосурет сайттары (суреттің сапасы шешуші, файлдар көлемді және визуалдық тартымдылық ең бастысы)

Басым ұсыныстар:

1. Өлшемдерді анықтау стратегиясы (көрсету аймағын басқару)
2. Қысу стратегиясы (детальдарды жоғалтқанша сәл үлкенірек файл болғаны жақсы)
3. WebP/AVIF (үлкен суреттер үшін артықшылықтары айқын, бірақ визуалды сапаны тексеру қажет)

Көбірек қолайлы маршрут:

• Имиджифай: Квота “түпнұсқа суреттің өлшемі” негізінде шегерілетіндіктен, мұндай сайт шығындарды бақылауда ұстауды жеңілдетеді (әрбір ірі суреттің қанша тұратынын шамамен білесіз), бірақ оларды қайта-қайта сығудан аулақ болған жөн.
• ШортПикселЕгер миниатюра өлшемдері көп болмаса, кредиттерді пайдалану айтарлықтай қарапайым; алайда егер сіз көптеген өлшемдер мен келесі буын нұсқаларын жасасаңыз, кредиттерді пайдалану айтарлықтай артады, сондықтан алдын ала жоспарлау қажет.

5. Деректер лимиттері мен есепшот: тегін лимиттің жеткілікті ме екендігін жан-жақты қарастыру

Қайсысы ақшаға жақсы құн ұсынады және тегін нұсқа қанша уақытқа дейін жұмыс істейді?

5.1 Үш шот-фактуралау моделі

• ШортПиксел(кредиттер)Кредиттер “бастапқы сурет пен миниатюралардың санына” сәйкес есептеледі; WebP/AVIF файлдарын жасау әрбір сәйкес нұсқа үшін қосымша кредит ақысы алынады.
• Имиджифай(MB квотасы)Квота “бастапқы файл көлеміне” сәйкес шегеріледі; миниатюралар неғұрлым көп болса, соғұрлым көп квота жұмсалады; қайта сығу қосымша квота шегерілуіне әкеледі.
• TinyPNG(кредиттер): Айына 500 кредит; WebP/AVIF түрлендіруін қосу кескін өлшеміне қосымша ақы алынады.

5.2 Жылдам бағалау әдістері

Оны келесідей есептеуге болады:

1. Кез келген “жиі жүктейтін түпнұсқа суретіңізді” таңдап, оның шамамен көлемін тексеріңіз (мысалы, 300 КБ / 1MB / 3MB)
2. Бұл сіздің сайтыңыз әдетте қанша кішірейтілген сурет өлшемін жасайтынына байланысты (мысалы, 5, 10 немесе 20)
3. WebP/AVIF жасауды қалайсыз ба? (Иә/Жоқ)

Содан кейін тұтынуды түсіну үшін төмендегі “ойша есептеуді” қолданыңыз:

• ШортПикселӘрбір суретке шамамен 1 + миниатюралар саны кредит беріледі; егер WebP/AVIF форматында жасалса, шамамен екі есе көбірек (келесі буын нұсқаларына да кредит қажет болғандықтан)
• ИмиджифайӘр суретке арналған квота шамамен (түпнұсқа суреттің өлшемі + барлық миниатюралардың жалпы өлшемі); сығу деңгейін өзгертіп, суретті қайта сығу квотадан әрі қарай шегерілуіне әкеледі.
• TinyPNG: 500 тегін кредит; егер сіздің сайтыңыз әр сурет үшін көп мөлшерде әртүрлі өлшемдер жасап, суреттерді түрлендіру қосулы болса, тегін суреттер саны айтарлықтай азаяды (плагин бетінде “айына шамамен 100” және “айына шамамен 50” деген шамамен баға көрсетілген)

6. Қауіп-қатерлер туралы ақпарат

Риск 1: Бірнеше плагиннің бірдей тапсырманы орындауын болдырмаңыз

Бұл апаттың ең жиі кездесетін себебі.“

• A бағыты:Сонымен қатар WebP немесе AVIF + EWWW(Жұмыстарды екеуіне бөліңіз; конверсия мен жеткізуді бір уақытта орындамаңыз немесе олардың тек біреуін орнатыңыз)
• B нұсқасы: ShortPixel / Imagify / TinyPNG Үшеуден бірін таңдаңыз(Сығу және келесі буынды өңдеу үшін біреуін таңдаңыз)

Риск 2: Сонымен қатар WebP-тің “ID-ді үстінен жазу / Түпнұсқа суретті жою / URL-ді ауыстыру” функциялары активтерді көшіру болып табылады.

Тағы да қайталап айтамын:Сонымен қатар WebP Сипаттамада толық көлемдегі генерация кезінде бастапқы кескіннің ID-сы жазылып тасталатыны, бастапқы файл жойылатыны және мазмұнның URL-мекенжайы ауыстырылатыны айқын көрсетілген.
Бұл кез келген уақытта кері қайтарылатын “аз ғана түзету” емес, актив деңгейіндегі өзгеріс.

Ұсынылатын стратегия мынадай болуы керек:

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

Қауіп 3: Бұлтты сығуға арналған “еркін лимит” бойынша нақты тұтыну суретшелер санына және келесі буын опцияларын таңдауға байланысты.

• ШортПикселМиниатюралар мен келесі буын функциялары титрлерге айтарлықтай әсер етеді.
• TinyPNGWebP/AVIF-ті қосу әрбір сурет өлшемі үшін қосымша кредит шегерілуіне әкеледі.
• ИмиджифайТөлем бастапқы суреттің көлеміне негізделген; миниатюралар саны артқан сайын төлем соғұрлым жоғары болады; қайта жүктеулер қосымша төлемдерге әкеледі.

Риск 4: “WebP/AVIF жасалды” деген “алдыңғы жағы WebP/AVIF ұсынуда” дегенді білдірмейді.”

Көптеген адамдар конверсиядан кейін сайттарының жылдамдығы артып кетпегенін сезеді; негізгі себеп – фронтенд әлі де JPG/PNG файлдарын қызмет көрсетуде (келесі элементтердің кез келгенінде сәйкессіздікке байланысты: кэшу, қайта жазу, тегтер немесе браузерлік келіссөздер).

7. Мен аяқтағаннан кейін оның әсері байқалғанын қалай тексеремін?

4 өте қарапайым тексеру нүктелері:

1. Бір бетті екінші рет жаңартқанда жүктеу процесі тұрақтырақ әрі жылдам бола ма?(Кэштеу мен оңтайландырудың әсерлері қаншалықты байқалады?)
2. Мобильді құрылғылар мен үстелдік компьютерлерге жүктелген суреттердің өлшемдерінде байқалатын айырмашылық бар ма?(Жауап беретін srcset/sizes (жұмыс істейді ме)
3. Кездейсоқ бірнеше суретті тексеріңіз: онда WebP немесе AVIF файлдары/ресурстары бар ма?(Сайт шынымен қолдана ма келесі буын）
4. Бірнеше суретке көз жүгіртіңіз: оларды үлкейтіп қарап, айтарлықтай бұлыңғыр ма, әлде мәтін бұлыңғыр көрінеді ме, соны тексеріңіз.(Сығу тым күшті ме?)

Егер осы төрт талаптың барлығы орындалса, бұл сіз таңдаған маршрут қазірдің өзінде іске қосылғанын білдіреді. Келесіге өтіңіз CDN “Жеткізу қабаты”...жалпы алғанда ол тұрақтырақ болады.

8. Іс-қимыл бойынша ұсыныстар

1. Алдымен маршрутты таңдаңыз:

• Мен оны мүмкіндігінше тегін ұстағым келеді: Сонымен қатар WebP немесе AVIF + EWWW (немесе олардың біреуін ғана орнату)
• Сервер ресурстарына үнемдегіңіз келе ме? Пайдалану көлеміне қарай төлеу әлдеқайда қиындықсыз.ShortPixel, Imagify немесе TinyPNG-ден бірін таңдаңыз

2. Шағын көлемді сынақтан бастаңыз (бірнеше ондаған)
3. Бөліктер бойынша өңдеуден бұрын барлығының ретінде екеніне көз жеткізіңіз.
4. Жеткізудің сенімділігін одан әрі жақсарту қажет:Оқу CDN үдеуі

Жиі қойылатын сұрақтар

1. Мен қанша плагин орнатуым керек? Оларды барлығын орната аламын ба?

Бір ғана бағытты ұстануға тырысыңыз.

• А нұсқасы: 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. “WebP/AVIF generated” деген сөздер міндетті түрде алдыңғы жағының WebP/AVIF шығарып жатқанын білдіре ме?

тең емес
Генерация тек “файл деңгейінде” ғана аяқталады; WebP/AVIF алдыңғы жаққа шынымен де беріле ме, бұл қайта жазу, “`” тег саясаты, кэштің тиімділігі және браузерлік келіссөздердің нәтижелілігі сияқты факторларға байланысты. Аяқтағаннан кейін бірнеше суреттің ресурс түрлерін кездейсоқ тексеріп шығыңыз.

6. WebP немесе AVIF-пен байланысты нақты қандай тәуекелдер бар? Мен бүкіл дерекқор бойынша бір басумен тексеру жүргізе аламын ба?

Қауіп “сығу”да емес, ...даАктивтерді көшіру деңгейлеріне өзгерістер：

• Толық жиынтықты жасаған кезде бастапқы сурет файлдарының идентификаторлары жазылып кетуі мүмкін, бастапқы файлдар жойылуы мүмкін және мазмұндағы URL-мекенжайлар ауыстырылуы мүмкін.
  СоныменБіз бүкіл дерекқорды бірден ауыстыруды ұсынбаймыз.Алдымен шағын көлемді тестілеуден (бірнеше ондағаннан бірнеше жүзге дейін жазбалар) бастап, толық дерекқормен жалғастырмас бұрын жұмыс істейтін сақтық көшірмеңіздің бар екеніне көз жеткізіңіз.

7. Plus WebP-дегі екі режимнің қайсын таңдау керек: түпнұсқа суретті сақтап қою ма, әлде оны ауыстырып, түпнұсқаны жою ма?

Қарапайым тілмен:

• 1-нұсқа: бастапқы суретті сақтап, WebP/AVIF көшірмелерін жасау (сенімдірек)Кері қайтару оңай, бірақ ол дискіде көбірек орын алады (түпнұсқа кескін + жаңа формат + бірнеше миниатюра өлшемдері).
• 2-әдіс: Түпнұсқа суретті ауыстыру және жою (радикалдырақ)Диск кеңеймейді, бірақ активтер мен сілтемелерді өзгертсеңіз, үйлесімділік мәселелерін шешу қымбатырақ болады.
  Сайт неғұрлым күрделі болса (электрондық коммерция, бірнеше плагин, әртүрлі өлшемдер), соғұрлым біз тұрақты тәсілден бастауды ұсынамыз.

8. EWWW Image Optimizer ұсынатын тегін жергілікті сығу жеткілікті ме? Ол серверді артық жүктемелей ала ма?

EWWW көбірек “жергілікті сығу құралына” ұқсайды: ол CPU/IO тұтынады.
Бatch-оптимизация кезінде жүктеменің артуы жиі кездеседі; бұл жүйенің “бұзылып” жатқанын білдірмейді, керісінше дұрыс тәсілді қолдану қажет: процестерді топтап, жүктеме аз болатын уақытта өңдеу және қажет болған жағдайда жүктемені басқа серверлерге аудару немесе бұлттық шешімдерді таңдау.
Егер сіз қиындықсыз шешім іздесеңіз немесе сервер ресурстарыңыз шектеулі болса, B нұсқасы серверді тиімдірек пайдаланады.

9. ShortPixel айына 100 тегін кредит ұсынады, бірақ неге мен олар бірнеше суреттен кейін-ақ таусылып қалғандай сезінемін?

себебі “Credits” «суреттер санына» қатысты емес.”, миниатюралар мен келесі буын арқылы үлкейтіледі:

• Әр миниатюра үшін түпнұсқа сурет пен авторлық құқық
• Егер WebP/AVIF файлдары жасалса, әрбір сәйкес нұсқаға қосымша кредиттер төленеді.
  Сіз “бір сурет” деп ойлауыңыз мүмкін нәрсе шын мәнінде шамамен “екі таңбалы кредиттерді” жұмсауы мүмкін. ShortPixel

10. Imagify-дің айына 201 TP234T тегін лимиті неге соншалықты тез таусылады?

Imagify көбірек “деректер пакетіне” ұқсайды:

• Сіздің хабарламаңызға сәйкесТүпнұсқа файлдың көлеміквотадан шегеру
• Миниатюралар неғұрлым көп болса, ресурстарды тұтыну соғұрлым артады.
• Сығу деңгейін өзгерту және қайта оңтайландыру квотаны тағы да тұтынады
• Бір ғана API кілті бірнеше сайттарда пайдаланылуы мүмкін, квоталар ортақ.
  Сондықтан “20MB жақында таусылып қалады” деген хабарлама жиі суреттердің тым үлкен болуынан, миниатюралардың тым көп болуынан немесе қайталанатын сынақ-қателіктерден пайда болады.

11. TinyPNG айына 500 тегін кредит ұсынады, ал плагин неге айына тек шамамен 100 сурет бар деп көрсетеді және WebP/AVIF-ті қосқаннан кейін неге бұл көрсеткіш айына 50 суретке дейін төмендейді?

Бұл TinyPNG кредиттері де “Өлшемдер/Нұсқалар” бөлімінде ұлғайтылғандықтан:

• Стандартты WordPress орнатылымы айына шамамен 100 суретті сығады.
• AVIF немесе WebP түрлендіруін қосу:Әрбір сурет өлшемі бір қосымша кредитке тұрады., сондықтан мен айына шамамен 50 суретті ғана сығыстырып, түрлендіре аламын (миниатюра өлшемдерінің санына байланысты).
  Сондықтан 500 кредит 500 суретке тең емес.

12. Біздің сайтта қанша миниатюра бар? Олар неге соншалықты маңызды әсер етеді?

WordPress-ке сурет жүктеу бірнеше өлшемді жасайды; тақырыптар мен плагиндер (әсіресе электрондық коммерцияға арналғандары) одан да көп өлшемдер жасауы мүмкін.
Бұлтты сығу кезінде кредиттер немесе квоталар әдетте “түпнұсқа суреттер мен миниатюралардың жиынтығы” негізінде есептеледі, сондықтан миниатюраларыңыз неғұрлым көп болса, тегін лимитіңіз соғұрлым тезірек таусылады.

13. Кешіктірілген жүктеу әрдайым жылдамдықты арттыра ма? Неліктен кейбір адамдар кешіктірілген жүктеу керісінше бәсеңдетеді дейді?

Lazy loading экраннан тыс ресурстарға қолайлы.
Егер бірінші экрандағы ең маңызды ірі сурет те кешіктірілсе, ол бастапқы жүктеу тәжірибесін баяулатуы мүмкін. WordPress 5.5 және одан кейінгі нұсқалардағы әдепкі жалқау жүктеу жақсы болса да, оны барлық жерде қолдануға болмайды.

14. Егер мен A немесе B бағытын таңдасам, маған CDN / Image CDN қашан қажет болады?

Сығу, файл өлшемі мен форматы файлдарды кішірейтіп, ыңғайлы ету мәселесін шешеді;
CDN жеткізуді жылдамырақ және сенімдірек қамтамасыз етеді。
Суреттер алыстан орналасқан бастапқы серверден жүктелетіндіктен кешігуі айтарлықтай болғанда, әр суретке CDN қосу (мысалы, Cloudflare Polish / Jetpack Site Accelerator) әдетте тәжірибені тұрақтырақ етеді және мазмұнды оқуды жеңілдетеді. WordPress CDN жеделдету。

15. Мен бітіргеннен кейін оның шынымен жұмыс істеп тұрғанын тексерудің ең оңай жолы қандай?

Растаудың ең жылдам жолы:

• Бір бетті екінші рет жаңартқанда жүктеу процесі тұрақтырақ әрі жылдам бола ма?
• Мобильді және десктоптық нұсқаларда суреттің өлшемдерінде айтарлықтай айырмашылық бар ма (srcset пен sizes параметрлері күтілгендей жұмыс істеп тұр ма)?
• Кездейсоқ бірнеше суретті тексеріңіз: онда WebP немесе AVIF файлдары/ресурстары бар ма?
• Бірнеше суретке көз жүгіртіңіз: оларды үлкейтіп қарап, айтарлықтай бұлыңғыр ма, әлде мәтін бұлыңғыр көрінеді ме, соны тексеріңіз.