WordPress кескінін оңтайландыру

Суретті оңтайландыру – 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 стандарттарына сәйкес тубиктік жалқау жүктеу әдепкі бойынша қосулы. 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-мекенжайларды қайта жазумен айналысып жатыр — ақырында сіз де сайтпен не болып жатқанын түсіне алмайсыз.

Ережелер:

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

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

---

3.1 А нұсқасы: Толықтай тегін жергілікті хостинг (WebP немесе AVIF немесе EWWW қосымшасымен)

Бұл маршруттың негізгі ерекшеліктері:

• Сіз ай сайынғы квота немесе әр файл бойынша ақы алатын үшінші тараптың сығу қызметтеріне сүйенбейсіз (дегенмен кейбір функциялар қосымша қызметтер ретінде қолжетімді болуы мүмкін)
• Бұл тәсілдің артықшылығы – пакеттік өңдеу серверге (199 I/O үшін 1 TP) үлкен жүктеме түсіріп, сізден “стратегия мен тәуекелге” аса мұқият қарауды талап етеді.”

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. Бөлекшелік оптимизация кезінде сервер жүктемесі артады.
   Бұл жергілікті сығу 199 ТБ I/O үшін 1 TP тұтынады. Шешім – оны пайдалануды тоқтату емес, керісінше, жүктеме аз уақытта топтап өңдеу және қажет болған жағдайда жүктемені басқа серверге ауыстыру немесе бұлттық шешімдерді таңдау.
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-дің ресми білім базасы сонымен қатар “бір реттік лицензия мен шексіз ай сайынғы лицензия” туралы нұсқаулық ұсынады.Анық түсіндіруШексіз ай сайынғы жоспар ай сайын (немесе жыл сайын) төленеді, шексіз кредиттер мен 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 алдыңғы жаққа шынымен де жеткізіле ме, бұл қайта жазу, `picture` тег стратегиясы, кэштің қолданылуы және браузерлік келіссөздердің тиімділігі сияқты факторларға байланысты. Жұмысты аяқтағаннан кейін бірнеше суреттің ресурс түрлерін кездейсоқ тексеруіңіз керек.

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

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

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

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

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

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

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

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

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

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

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

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

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 файлдары/ресурстары бар ма?
• Бірнеше суретке көз жүгіртіңіз: оларды үлкейтіп қарап, айтарлықтай бұлыңғыр ма, әлде мәтін бұлыңғыр көрінеді ме, соны тексеріңіз.