Şəkil optimallaşdırması WordPress performansında ən yüksək gəlir gətirən aspektlərdən biridir: eyni səhifə strukturu və eyni mövzu ilə sadəcə şəkil faylının ölçüsünü, ölçülərini, formatını və çatdırılma üsulunu düzgün təyin etmək tez-tez yükləmə sürətinin dərhal yaxşılaşmasına gətirib çıxara bilər.

Lakin görüntü optimallaşdırılması həm də işləri qarışdırmağın ən asan olduğu sahədir; bunun səbəbi texnologiyanın çox çətin olması deyil, məlumatın çox parçalanmış olmasıdır:
Bir neçə məqalə oxudun, bildin ki, “sıxışdırma”, “WebP/AVIF”, “tənbəl yükləmə” lazımdır, sonra plagin təqdimatında da yazılıb “ayda 100 pulsuz kredit”, “pulsuz 20MB”, “hər şəkil 1 kredit”, nəticədə baxdıqca daha da çaşırsan — axı bu pulsuz limit kifayətdirmi? Ödəniş necə tutulur? Yoxsa “eyni şey”i səhv başa düşmüsən? Və ən vacibi:Bitirdikdən sonra həqiqətən işlədi?

Bu məqalə yalnız üç şey edir:

  1. Budur praktik bir məsləhətYol xəritəsi(Əvvəl nə etmək, sonra nə etmək)
  2. Zəhmət olmasa nəzərdən keçirdiyiniz seçimləri ətraflı izah edin (dəqiq olaraq pulsuz və ödənişli versiyaları nə fərqləndirir və hansı versiya kim üçün daha uyğundur)
  3. Bunlar ən çox rast gəlinən tələlərdir, əvvəlcədən siyahıya alınıb (beləliklə, işi bitirdikdən sonra onları axtarmağa və problemləri həll etməyə vaxt sərf etməyəcəksiniz)

1. Əsaslar: WordPress nə ilə gəlir və nə ilə gəlmir

Əvvəlcə WordPress nüvəsinin artıq nə etdiyini anlamasanız, iki vəziyyət yaranma ehtimalı var:

  • Bizə təqdim olunan “pulsuz imkanlardan” istifadə etmək əvəzinə, təkəri yenidən ixtira etməyə vaxt və pul xərclədik.
  • Mən düşünürdüm ki, WordPress bütün köhnə şəkilləri avtomatik olaraq WebP/AVIF-ə çevirəcək, amma görünür ki, etmir.

WordPress nüvəsi artıq bu əsas xüsusiyyətləri ehtiva edir:

  • Adaptiv şəkillər (srcset/sizes)WordPress 4.4-dən etibarən nüvə şəkilləri çıxaracaq srcsetsizes... və yükləmə zamanı yaradılan müxtəlif ölçülü şəkillərdən istifadə edərək brauzerin ekran şərtlərinə əsasən ən uyğun resursu seçib yükləməsinə imkan verir.
  • Özünəməxsus tənbəl yükləməWordPress 5.5-dən etibarən, HTML standartlarından istifadə edərək şəkillər üçün yerli tənbəl yükləmə standart olaraq aktivləşdirilib. loading Əmlakın icrası.
  • WebP yükləmələrini dəstəkləyirWordPress 5.8-dən etibarən, hosting mühiti WebP-ni dəstəklədiyi təqdirdə, WebP fayllarını JPEG və PNG faylları kimi yükləmək və istifadə etmək mümkündür.
  • AVIF yükləmələrini dəstəkləyirWordPress 6.5-dən etibarən AVIF faylları JPEG və PNG faylları kimi yüklənə və istifadə oluna bilər (host mühitinin dəstəyindən asılı olaraq).

Lakin nəzərə alın ki:
“Yükləmək/istifadə etmək üçün dəstək” ≠ “avtomatik çevirmə/avtomatik çatdırılma”
Başqa sözlə: hətta artıq WP 6.5-dən istifadə etsəniz belə, media kitabxananızdakı JPG/PNG fayllar avtomatik olaraq WebP/AVIF-ə çevrilməyəcək; həmçinin brauzerin imkanlarına əsasən AVIF/WebP çıxarmaq və dəstəkləməyən brauzerlər üçün orijinal şəkilə qayıtmaq funksiyasının tam imkanlarından da avtomatik olaraq yararlana bilməyəcəksiniz — bu hissəni adətən boşluğu doldurmaq üçün plagin və ya xidmət tələb olunur.

2. Yol xəritəsi: Şəkil optimallaşdırması üçün 5 addımlı bələdçi

Nə etmək, niyə, nə sayılır keçid və ümumi tələlər hansılardır.

2.1 Əvvəlcə “ölçüləri” düzgün müəyyən edin (ən asan gözdən qaçan, lakin ən böyük faydaları gətirən)

Bir çox vebsayt yavaşdır, optimallaşdırılmadığından deyil, ammaEkran sahəsindən xeyli böyük bir şəkil yükləndi.
Məsələn, əgər bir səhifə əslində yalnız 900px enindədirsə, amma ziyarətçilərdən orijinal 3000px təsvirin yüklənməsini tələb etsəniz, brauzer onu sadəcə yükləyib sonra göstərmək üçün kiçildəcək. Bu, bant genişliyini israf edir, deşifrələmə müddətini artırır və məzmunun ilk ekranda görünmə müddətini uzadır.

WordPress 4.4 və daha sonrakı versiyalar üçünAdaptiv görüntü mexanizmisrcset/sizes) məhz bu problemi həll etmək üçün hazırlanmışdı.

Keçid nəyi təşkil edir:

  • Səhifə mobil cihazda açıldıqda yüklənmiş şəkillər masaüstü kompüterdəkindən nəzərəçarpacaq dərəcədə kiçik olmalıdır.
  • Eyni şəkilin fayl ölçüsü cihazdan asılı olaraq dəyişir (həmişə orijinal şəkili yükləmək əvəzinə)

Ən çox rast gəlinən tələlər:

  • Bəzi mövzular və ya qurucular şəkilləri CSS fon şəkilləri kimi qəbul edir və ya onları xüsusi şəkildə göstərir, bu isə bypass edə bilər srcset, nəticədə böyük şəkil yüklənməyə davam edir
  • Əgər xarici şəkil hostinq xidmətlərindən və ya üçüncü tərəf şəkil bloklarından istifadə edirsinizsə, media kitabxanasının yaratdığı çoxölçülü sistemi keçə bilərsiniz.

2.2 Sıxma (keyfiyyətdən güzəştə getmədən faylın ölçüsünü azaltmaq)

Kompressiyanın mahiyyəti “kiçik daha yaxşıdır” demək deyil, əksinə “fərq gözlə demək olar ki, görünmür, amma fayl ölçüsü əhəmiyyətli dərəcədə azalır”dır.

Qaydalar aşağıdakılardır:

  • Fotograflar/Həqiqi həyat kadrları (portretlər, məhsullar, mənzərələr)İtirməli sıxılmanı üstün tutun (maksimum fayda)
  • Çox mətn ehtiva edən ekran görüntüləri/şəkillərMətnin bulanıqlaşmasının qarşısını almaq üçün daha mühafizəkar sıxılma parametrindən istifadə edin.
  • Loqo/İkonSVG-ə üstünlük verin və ya itkisiz sıxılmadan ehtiyatla istifadə edin (itkili sıxılma asanlıqla kənarların bulanmasına səbəb ola bilər)

Keçid nəyi təşkil edir:

  • Səhifə şəkillərinin əksəriyyətinin fayl ölçüləri əhəmiyyətli dərəcədə azalıb.
  • Heç bir nəzərəçarpan səs-küy, bulanıq kənarlar, rəng zolaqlanması və ya bulanıq mətn yoxdur.

2.3 WebP / AVIF (Format siyasəti: eyni aydınlıq səviyyəsi üçün daha kiçik fayl ölçüsü)

WordPress indi fayl yükləməni dəstəkləyir WebP (5.8) və AVIF (6.5)
Lakin “növbəti nəsil formatını” praktik istifadəyə vermək üçün adətən iki məsələ həll edilməlidir:

  1. Tarixi media kitabxanasını toplu şəkildə necə konvertasiya etmək olar(Əks halda, yalnız gələcəkdə yüklənəcək yeni şəkilləri optimallaşdırmış olacaqsınız)
  2. Surət yaradım, yoxsa orijinal şəkli əvəz edim?(Bu kritik bir məqamdır; sonradan Plus WebP-nin “əsli ilə əvəz et və sil” funksiyasına diqqət yetirəcəyik.)

Tövsiyə olunan yanaşma:

  • WebP: Ümumiyyətlə standart seçimdir (daha etibarlı uyğunluq təklif edir)
  • AVIF: Daha inkişaf etmiş sıxılma formatı, böyük şəkillər, ilk ekrandakı böyük şəkillər və qalereya şəkilləri üçün uyğundur (amma dahaƏtraf mühitin dəstəyinə güvənən

2.4 Tənbəl yükləməni düzgün istifadə edin (hər şeyə eyni ölçü uyğun gələn yanaşma tətbiq etməyin)

WordPress 5.5-dən etibarənStandart tənbəl yükləməŞəkil.
İlkin renderləşdirmə zamanı bant genişliyi istifadəsini azaldır:

  • Tənbəl yükləmə ekrandan kənar resurslar üçün uyğundur.“
  • Səhifənin yuxarısındakı böyük şəkil (tez-tez ilk ekrandakı ən vacib şəkil) ümumiyyətlə təxirə salınmış yükləmə üçün uyğun deyil.

2.5 Çatdırılma qatı: CDN / Şəkil CDN

Kompressiya, faylın ölçüsü və formatı faylları kiçik və daha uyğun etmək məqsədi daşıyır.
Amma şəkillər həmişə mənbə saytdan uzaq məsafədən yüklənirsə, şəbəkə gecikməsi yenə də təcrübəyə nəzərəçarpacaq dərəcədə təsir edəcək. Bu zaman “çatdırılma qatı” həlli lazımdır (CDN/şəkil CDN).

İki tipik yanaşma:

  • Cloudflare Şəkil OptimallaşdırmasıCloudflare sənədləriBu bölmə Polşada mövcud sıxılma üsullarını (itkisiz, itkili və WebP) təqdim edir və istifadəsini qeyd edir format=auto WebP və AVIF formatları icazəlidir.
  • Jetpack Sayt TəzyiqləndiricisiJetpack sənədləriBu o deməkdir ki, o şəkilləri optimallaşdıracaq və onları statik resurslarla birlikdə öz şəbəkəsi vasitəsilə paylayacaq.

Şəkil optimallaşdırılması şəkillərin ölçüsünün azaldılmasını və ölçüsünün uyğun şəkildə dəyişdirilməsini təmin edir,CDN daha yaxın və daha sabit çatdırılmaya cavabdehdir

3. Marşrut seçimi: Yalnız iki əsas marşrutu izləyin

Şəkil optimallaşdırılmasında ən çox rast gəlinən təl “plugin quraşdırmamaq” deyil, çoxlu plugin quraşdırmaqdır ki, bu da təkrar emalə səbəb olur:
A sıxlaşdırır, B də sıxlaşdırır; A WebP/AVIF-ə çevirir, B də eyni şeyi edir; A URL-ləri dəyişdirir, B URL-ləri yenidən yazır — nəticədə sən də saytdakı əslində nə baş verdiyini anlaya bilmirsən.

Qaydalar:

Yalnız bir yanaşmanı seçin: ya tamamilə pulsuz yerli saxlama, ya da üç bulud sıxılma seçiminə.

  • Marşrut A (tamamilə pulsuz yerli nəqliyyat):Üstəlik WebP və ya AVIF + EWWW Image Optimizer(və ya onlardan yalnız birini seçin)
  • Seçim B (Üç bulud sıxılma üsulundan birini seçin):ShortPixel / Imagify / TinyPNG

3.1 Seçim A: Tamamilə pulsuz yerli hostinq (WebP və ya AVIF və ya EWWW ilə)

Bu marşrutun əsas xüsusiyyətləri bunlardır:

  • Siz aylıq kvota və ya fayl başına ödəniş tələb edən üçüncü tərəf sıxılma xidmətlərinə güvənmirsiniz (bəzi xüsusiyyətlər isə əlavə xidmət kimi mövcud ola bilər).
  • Məqbul qiymət: toplu emal server CPU/IO resurslarını daha çox istifadə edə bilər, “strategiya və risk”ə daha çox diqqət yetirmək lazımdır”

3.1.1 Üstəlik WebP və ya AVIFƏsas konsepsiya “yaranma/əvəzləmə'dir; bu, ənənəvi mənada ”sıxma aləti“ deyil.”

WordPress şəkil optimallaşdırılması - HOSTFO
  • Şəkillərin tam dəstini yaradarkən:Orijinal görüntü faylının ID-si WebP/AVIF faylı ilə əvəzlənəcək, orijinal fayl silinəcək və məzmündəki bütün URL-lər də əvəzlənəcək.
  • Plugin WP-CLI əmrlərini təmin edir və çoxsaylı fayllarla işləyərkən WP-CLI-nin daha etibarlı olduğunu bildirir.

Bu o deməkdir: o sadəcə sizin üçün səssizcə WebP faylı yaratmır, əksinə ola bilərAktivlərin köçürülməsi(xüsusilə “Orijinalı əvəz et və sil” seçimini aktivləşdirdiyiniz zaman)

İki rejim arasındakı fərq

Seçim 1: Orijinal şəkli saxlayın + WebP/AVIF nüsxələri yaradın (daha etibarlı)

  • Üstünlük: Uyğunluq problemləri yarandıqda geri dönmək daha asandır.
  • Eksiklik: Diskin istifadəsi artacaq (əsas şəkil + yeni format + bir neçə miniatur ölçüsü)

Üsul 2: Orijinal şəkli əvəz etmək və silmək (daha radikal)

  • Üstünlüklər: Disk o qədər tez dolmayacaq; daxili keçidlər avtomatik olaraq yeni formata çevrilir.
  • Risk: Əgər həm aktivləri, həm də onların istinadlarını dəyişdirsəniz, uyğunluq problemlərini aradan qaldırmaq daha baha başa gələcək (xüsusilə bəzi xarici sistemlər və ya tema lojikası orijinal fayl adlarına, yollarına və ya formatlarına əsaslanırsa).

Tövsiyə

“Orijinalı əvəz et və sil” seçməzdən əvvəl kiçikmiqyaslı test aparın və ehtiyat nüsxənizin mövcud olduğuna əmin olun; bütün verilənlər bazasını dərhal əvəz etməyin.

WebP və ya AVIF ilə bağlı ümumi səhvlər

  1. Tam kitabxana əvəzləməsindən sonra bəzi səhifələrdə şəkillər düzgün göstərilmir.
    Səbəb adətən “şəkil sınıb” olması deyil, əksinə zəncirin haradasa – məsələn URL dəyişikliyi, keşləmə və ya miniatura siyasəti – nəyinsə səhv getməsidir.
  2. Neçə çox miniatürə varsa, dəyişikliklərin miqyası bir o qədər böyükdür.
    WordPress-ə şəkil yükləmək bir neçə ölçüdə versiyalar yaradır; mövzular və plaginlər daha çox da əlavə edə bilər. Tam əvəzləmə o deməkdir ki, çox böyük fayllar toplusunu dəyişdirə bilərsiniz.
  3. Yalnız format çevirmə aparmaq mütləq ən kiçik fayl ölçüsünü təmin etmir.
    WebP və AVIF faylları ümumiyyətlə daha kiçikdir, lakin ölçüləndirmə strategiyaları və sıxılma strategiyaları hələ də vacibdir. Plus WebP-ni sürətli yükləmə vaxtları üçün bir kliklik həll kimi qəbul etməyin.

3.1.2 EWWW Image OptimizerPulsuz yerli sıxılma üzrə aparıcı təminatçı

WordPress şəkil optimallaşdırılması - HOSTFO

EWWW plagin səhifəsinin çox aydın bir məqsədi var:

  • Serverinizdəki şəkilləri müxtəlif alətlərdən (jpegtran, optipng, pngout, pngquant, gifsicle, cwebp və s.) istifadə edərək optimallaşdırır.
  • Əgər sizə daha yüksək sıxılma və ya daha az CPU sərfiyyatı lazımdırsa, CPU sərf edən emalı onun serverinə də offload edə bilərsiniz (istəyə görə).

Route A-da EWWW hansı rolu oynamalıdır?

Əgər Plus WebP-dən “format köçürmə/əvəz etmə strategiyası” üçün istifadə edirsinizsə, o zaman EWWW bu işi yerinə yetirmək üçün daha uyğundur:

  • Kompressiya və həcmin optimallaşdırılması(xüsusilə JPG və PNG kimi xam aktivlərin optimallaşdırılması)
  • Tarixi media kitabxanasının partiyalı optimallaşdırılması(URL əvəz etmə əvəzinə həcmin azaldılmasına yönəlmək)

Zəhmət olmasa nəzərə alın

Üstəlik WebP İyrənc: Hamısı AVIF və ya WebP-yə çevrilə bilər
Biz onlardan yalnız birini quraşdırmağı tövsiyə edirik, çünki hər ikisini quraşdırmaq ziddiyyətlərə səbəb ola bilər.

EWWW ilə bağlı tipik bir tələ

  1. Toplu optimallaşdırma zamanı server yükü artır.
    Çünki lokal sıxışdırma CPU/IO resursunu yeyir. Həll yolu “istifadə etməmək” deyil, “hissələrlə, pik olmayan vaxtlarda və lazım olanda offload/bulud həllini seçmək”dir.
  2. “WebP yaradılıb” mütləq front-endin həqiqətən WebP təqdim etdiyi anlamına gəlmir.
    Bir çox plagin yaradılmanın bir şey, çatdırılma strategiyalarının (məsələn, yenidən yazma, `picture` teqləri və keşin müddətinin bitməsi) isə tamamilə başqa bir şey olduğu barədə yanlış təsəvvürün qurbanıdır.
  3. Başqa bir plagin funksionallığını təkrarlayır
    Əgər A variantını seçsəniz, ShortPixel, Imagify və ya TinyPNG kimi əlavə bulud sıxılma alətlərindən istifadə etməməyə çalışın; əgər B variantını seçsəniz, Plus WebP-də əvəzləmə loqikasını aktivləşdirməyin. Əsas prinsip belədir:Bir hərəkət planına sadiq qal.

3.2 Seçim B: Üç bulud sıxılma xidmətindən birini seçin (ShortPixel / Imagify / TinyPNG)

Bu plan server resurslarını qorumaq istəyənlər, toplu emal üçün problemsiz yanaşmanı üstün tutanlar və istifadə əsaslı və ya ödə-istifadə et prinsipi ilə ödənişlərə razı olanlar üçün idealdır.
Lakin bulud sıxılmasında ən çox rast gəlinən anlaşılmazlıq məqamı budur:Pulsuz icazə sadəcə “pulsuz vərəqlər” məsələsi deyil.Minikuruluş ölçülərinin sayı, WebP/AVIF formatlarının yaradılıb-yaradılmaması və şəkillərin təkrar-təkrar sıxılmasının olub-olmaması resurs istifadəsinə əhəmiyyətli dərəcədə təsir edəcək.

Aşağıda izah edəcəyik: pulsuz və ödənişli seçimlər arasındakı fərqi, kreditin necə çıxarıldığını, ən çox rast gəlinən tələləri və hansı növ veb saytların bu xidmətə ən uyğun olduğunu.


3.2.1 ShortPikselAyda 100 pulsuz kredit, lakin kreditlər miniaturalar və WebP/AVIF böyütmələri üçün istifadə olunacaq.

WordPress şəkil optimallaşdırılması - HOSTFO

Pulsuz və ödənişli seçimlərlə nə məsələdir?

ShortPixel plagin təsviri aydın şəkildə bildirir:

  • Ayda 100 pulsuz kredit
  • Həmçinin “əlavə məhdudiyyətsiz aylıq kreditlər” mövcuddur (qiymət detalları plugin səhifəsində göstərilmişdir)
  • Biz həmçinin “heç vaxt bitməyən birdəfəlik kredit paketləri”ni (başlanğıc qiymətləri barədə məlumatla birlikdə) təklif edirik.

Qeyd:

  • Pulsuz: Hər ay yüngül vebsaytlarda istifadə etmək və ya test aparmaq üçün müəyyən sayda kredit verilir.
  • Birdəfəlik paket: Böyük media kitabxanasına malik saytlar üçün inventarını bir dəfəlik təmizləmək istəyənlər üçün uyğundur (bir dəfə alınır və tükənənədək etibarlıdır; adətən son istifadə tarixi yoxdur)
  • Aylıq/Təchitzsiz: Mütəmadi görüntü yeniləmələri və uzunmüddətli, sabit optimallaşdırma tələb edən saytlar üçün uyğundur.

ShortPixel-in rəsmi bilik bazası həmçinin “bir dəfəlik lisenziya vs limitsiz aylıq” mövzusunda rəhbərlik təqdim edir.Aydın izah: Limitsiz aylıq plan aylıq (və ya illik) ödənişlidir, limitsiz kreditlər təqdim edir və sabit CDN kvotası ilə gəlir; birdəfəlik kreditlərin vaxtı bitmir, beləliklə onları ehtiyacınıza uyğun daha nəzarətli şəkildə istifadə edə bilərsiniz.

Tövsiyə

  • Köhnə saytı təmizləmək: birdəfəlik paketlərə üstünlük verilir
  • Davamlı yeniləmələr: Aylıq/limitсіз planlara daha uyğundur (kreditləri izləmək istəmirsinizsə limitсіз planı seçin)

Ən əsası: ShortPixel kreditləri necə hesablanır?

ShortPixel Rəsmi Sənədlər KB bunu çox açıq şəkildə dedi:

  • WordPress-ə şəkil yüklədiyiniz zaman o, bir neçə miniatura yaradır;
  • Hər bir miniaturanı optimallaşdırmaq bir kredit hesab olunur.
  • Əgər WebP və ya AVIF yaratmağı seçsəniz,Orijinal şəklin hər bir WebP/AVIF versiyası və onun miniaturası əlavə kredit kimi hesablanacaq.
  • Kredit istifadəsini azaltmaq üçün müəyyən miniaturaları optimallaşdırmadan kənarlaşdıra bilərsiniz.

kreditlər nümunəsi

Tutaq ki, bir şəkil yükləyirsiniz və tema və ya plagin səkkiz miniatura yaradır:

  • Yalnız orijinal şəkil və miniaturaları optimallaşdırın: 1 (orijinal şəkil) + 8 (miniaturalar) = 9 kredit
  • Əgər WebP/AVIF də yaratmaq istəyirsinizsə: yuxarıdakı 9-a növbəti nəsil versiyanı əlavə edin → plus 9 kredit
    Başqa sözlə, sizcə bu “bir görüntü” ola bilər, amma əslində demək olar ki, “iki rəqəmli kredit'ə başa gələ bilər.

Buna görə:“100 pulsuz kredit” “100 pulsuz şəkil” demək deyil.

ShortPixel ilə bağlı ən çox rast gəlinən problemlər

  1. Pulsuz 100 kredit tezliklə bitəcək
    Səbəb: Çox sayda miniatura + WebP/AVIF faylları yaratmaq üçün əlavə kreditlər.
    Tövsiyə
  • Əvvəlcə saytın miniaturalarının sayını qiymətləndirin.
  • Lazımsız miniatür ölçülərini aradan qaldırın (yalnız həqiqətən istifadə olunacaq ölçüləri optimallaşdırın)
  • Əvvəlcə sıxma strategiyasını müəyyən edin, sonra prosesi partiyalar şəklində işə salın ki, sınaq-yanılma zamanı vaxt itirməyəsiniz.
  1. Digər format çevirmə plaginləri ilə birlikdə istifadə edin
    Əgər Plus WebP əvəzləməni aktivləşdirib və ShortPixel-dən növbəti nəsil teqləri yaratmasını və yerləşdirməsini istəsəniz, məntiq üst-üstə düşəcək və problemlərin aradan qaldırılmasını daha da çətinləşdirəcək. B variantı ilə ShortPixel bu işi özü yerinə yetirir.
  2. Quraşdırıldıqdan sonra frontendin avtomatik olaraq WebP/AVIF faylları yaradacağını güman edirdim.“
    ShortPixel plagin səhifəsiQeyd etmək lazımdır ki, o, WebP və AVIF fayllarını konvertasiya edə və növbəti nəsil şəkilləri (məsələn, taglar vasitəsilə) front-end səhifələrinə daxil edə bilər.
    Lakin bitirdikdən sonra nəticələri yenə də yoxlamalısınız.

3.2.2 ImagifyPulsuz 20MB/ay; kvota “orijinal şəkil ölçüsü + miniatür sayı” üzrə tutulur, yenidən sıxma təkrar tutulur

WordPress şəkil optimallaşdırılması - HOSTFO

Pulsuz icazə və yerləşmə

Imagify Rəsmi Qiymət SəhifəsiBu olduqca aydın şəkildə bildirilir:Pulsuz hesab üçün aylıq 20MB kvota
Plugin səhifəsində həmçinin bildirilir ki, o sıxa, ölçüsünü dəyişə və WebP/AVIF-ə çevirə bilər.

Kota necə çıxılır?

Imagify Rəsmi Sənədləşdirmə “Quota İstifadəsi Necə Hesablanır?” ödəniş mexanizmini çox aydın şəkildə izah edir:

  • Miniatürlərin sayı resurs istifadəsinə təsir edir.Məsələn, əgər 10 miniatura ölçünüz varsa, tək bir şəkli optimallaşdırmaq əslində 11 şəkli (əsas şəkil və 10 miniatura) optimallaşdırmaq deməkdir və bunların hamısı kvotanıza daxildir.
  • Orijinal fayl ölçüsünə əsasən kvotanı çıxınMəsələn, əgər Imagify-ə 100 KB-lıq şəkil yükləsəniz, kvotanızdan 100 KB çıxılacaq.
  • Sıxılma səviyyəsini dəyişmək və yenidən optimallaşdırmaq yenidən quota sərf edəcək.
  • Tək bir API açarı bir neçə saytda istifadə oluna bilər, lakin kvota onların arasında paylaşılır.

Bu, Imagify-nin “əsas yanaşmasıdır”:
Bu daha çox məlumat paketinə bənzəyir: nə qədər çox yükləsəniz, bir o qədər çox məlumat istifadə edir; nə qədər çox miniatura yükləsəniz, bir o qədər çox məlumat istifadə edir; və eyni faylları təkrar-təkrar yükləsəniz, bu, çoxsaylı yükləmələr kimi hesablanacaq.

Imagify kvotalarının asan başa düşülən nümunəsi

Fərz edək ki, siz 800 KB-lıq orijinal şəkil yükləyirsiniz və sayt 8 ədəd miniatura yaradır.

  • Imagify ilə optimallaşdırma apararkən, həm “əsas şəkil”, həm də “8 miniatura” daxil edilir (əgər "Hamısını optimallaşdır" seçsəniz), bu isə o deməkdir ki, bu əməliyyat demək olar ki, bu faylların hamısının ümumi ölçüsünə bərabər kvota sərf edəcək.
    Məhz buna görə bəzi saytlar düşünür ki, “20MB tez tükənir”: məsələ Imagify-nin yetərsiz olması deyil, hər dəfə yüklədiyiniz şəkillərin çox böyük olması, həddindən artıq çox miniatür şəkil olması və üstəlik sıxılma səviyyəsini dəfələrlə yoxlamağınızdır.

Imagify ilə bağlı ən çox rast gəlinən problemlər

  1. Pulsuz 20MB bütün sayt tarixçəsi üçün təmizləməyə yetmir“
    20MB adətən test və yüngül yeniləmələr üçün daha uyğundur; əgər media kitabxananız onsuz da böyükdürsə, onu bir dəfəyə tam təmizləmək çox güman ki, təkmilləndirmə tələb edəcək.
  2. Kompressiya səviyyəsini təkrar-təkrar tənzimləmək kvotanın dəfələrlə tükənməsinə səbəb olur.
    Imagify: Aydın izahTəkrar optimallaşdırma kvotanı yenidən sərf edəcək.
    Biz tövsiyə edirik ki, bu səhifədə “strategiyanı” aydın şəkildə müəyyən edəsiniz:
  • Kompressiya səviyyəsini və vizual keyfiyyəti müəyyən etmək üçün əvvəlcə az sayda şəkil istifadə edin.
  • Strategiya yekunlaşdırıldıqdan sonra onu partiyalar şəklində işə salın.
    Bütün verilənlər bazası üzrə sınaq-yanılma üsulundan çəkinin
  1. Tək bir API açarını bir neçə saytda paylaşmaq kvotaların “mysterioz şəkildə azalmasına” səbəb olur.”
    Əgər eyni API açarını bir neçə saytda istifadə etsəniz, kvotalar paylaşılacaq.
    Buna görə də komanda və ya çoxsaylı məkanlı ssenarilərdə büdcə artımının qarşısını almaq üçün hansı məkanların resursları paylaşdığını, hansılarının isə müstəqil şəkildə fəaliyyət göstərdiyini aydınlaşdırmaq ən yaxşısıdır.

3.2.3 TinyPNG(Tiny Compress Images): ayda 500 pulsuz kredit; WebP/AVIF-ə çevirmək hər ölçü üçün əlavə 1 kredit ödənişi tələb edir“

WordPress şəkil optimallaşdırılması - HOSTFO

Pulsuz əlavələr və onların necə hesablanması

TinyPNG WordPress plagin səhifəsi çox aydın yazılıb:

  • Hər ay 500 pulsuz kredit
  • Standart WordPress quraşdırılmasında yəqin ki, sıxa bilərsiniz. Ayda təxminən 100 şəkil
  • Lakin AVIF və ya WebP konvertasiyası aktiv edildikdə:Hər bir şəkil ölçüsü bir əlavə kreditə başa gələcək., ona görə də yeganə seçim onu sıxıb çevirməkdir Ayda təxminən 50 şəkil(Sizin neçə kiçik şəkil ölçünüzün olmasına görə.)

Bu arada, Tinify (TinyPNG və TinyJPG-nin inkişaf etdiricisi) də API Qiymət SəhifəsiQeyd edin: Ayda 500 pulsuz sıxılma əldə etmək üçün qeydiyyatdan keçin; bu limit aşdıqda, məcburi abunə olmadan yalnız uğurlu sıxılmaların sayına görə ödəniş tutulacaq.

TinyPNG-nin necə işlədiyini tək cümlə ilə yekunlaşdırmaq üçün:
Bu kreditlərlə hesablanır; nə qədər çox miniatura ölçünüz varsa və nə qədər çox WebP/AVIF-i aktivləşdirsəniz, kreditləriniz bir o qədər tez tükənəcək.

TinyPNG kreditlərinin asan başa düşülən nümunəsi

Fərz edin ki, saytınız hər bir şəkil üçün səkkiz miniatura ölçüsü yaradır:

  • Yalnız sıxılma: Orijinal şəkil + 8 miniatura → 9 kredit tələb olunur
  • Əgər WebP/AVIF konvertasiyası aktivdirsə: hər ölçü üçün əlavə kredit tutulacaq → bu ümumi məbləği demək olar ki, iki dəfə artıra bilər
    Bu, plugin səhifəsindəki təsvirə uyğundur: konversiya aktivləşdirildikdə pulsuz kvota təxminən “ayda 100”dən “ayda 50”-yə dəyişir.

TinyPNG ilə ən çox rast gəlinən problemlər

  1. Məncə, 500 kredit 500 şəkil demək idi.
    Xeyr. Bu, hər “şəkil ölçüsü/variantı” üçün tutulur. Plugin səhifəsində açıq-aydın göstərilir ki, “konvertasiya hər şəkil ölçüsü üçün əlavə 1 kreditə başa gələcək”.
  2. Tema/e-ticarət plagin çoxlu görüntü ölçüsü yaradır və pulsuz kvota əhəmiyyətli dərəcədə azaldılıb.
    Nə qədər çox ölçü varsa, kreditlərin tükənməsi bir o qədər asandır.
  3. Konversiyanı aktivləşdirdikdən sonra kredit limitimin qəflətən tükəndiyini gördüm.
    Bu səhv deyil; bu, ödəniş sisteminin işləmə tərzidir.
    Strategiya tövsiyələri:
  • Əgər pulsuz faza əsasən sıxılma və çəki azaldılması üçün nəzərdə tutulubsa, sadəcə sıxılma tətbiq etməklə başlaya bilərsiniz. Sayt strukturunun sabit olduğunu və həqiqətən növbəti nəsilə ehtiyacınız olduğunu təsdiqlədikdən sonra konversiyaya başlaya bilərsiniz.

4. Ssenari üzrə tövsiyələr: Müxtəlif növ veb saytlar üçün necə seçmək

Hamısı WordPress-dən istifadə etsə də, məzmun saytlarında, e-ticarət saytlarında, portfellərdə və üzvlük saytlarında “şəkil problem nöqtələri” fərqlənir.

4.1 Məzmun saytları/bloglar (bir çox şəkil və məqalə təqdim edən, orta yenilənmə tezliyi ilə)

Prioritet tövsiyələr:

  1. Ölçülərin təyini strategiyası (1-ci addım)
  2. Kompressiya (2-ci addım)
  3. WebP (3-cü addım)

Daha uyğun marşrut:

  • Əgər problemsiz bir seçim istəyirsinizsə: B variantındakı üçündən birini seçin (ShortPixel / Imagify / TinyPNG)
  • Əgər pulsuz seçim istəyirsinizsə: Marşrut A (Plus WebP + EWWW), lakin riskləri əvvəlcə qiymətləndirmək üçün “Mühafizəkar rejim (əsas şəkilləri silməyin)” ilə başlamağı tövsiyə edirik

Ümumi səhvlər:

  • Məqalə səhifəsindəki başlıq şəkli çox böyükdür və tənbəl yükləmə strategiyası pis həyata keçirilib.Bu ilk ekranı ləngidəcək.

4.2 E-ticarət/məhsul vebsaytları (bir çox miniatura və görüntü variasiyaları; sabitlik ən vacibdir)

E-ticarətdə ən çox rast gəlinən problemlər “sıxılma keyfiyyətinin pis olması” deyil, daha çox “optimizasiyadan sonra bəzi ölçülərin düzgün olmaması, miniaturaların itməsi və ya front-end komponentlərin şəkilləri yükləyə bilməməsi”dir.

Prioritet tövsiyələr:

  1. Ehtiyatla başlayın: konservativ sıxılma strategiyası qəbul edin; birbaşa tam verilənlər bazası əvəzləməsinə keçməyin.
  2. Miniatür ölçülərinin qiymətləndirilməsi: Elektron ticarət mövzuları adətən daha çox ölçü yaradır ki, bu da məlumat istifadəsini əhəmiyyətli dərəcədə artıra bilər (bu, xüsusilə ShortPixel və TinyPNG ilə nəzərə çarpır).
  3. Əvvəlcə kiçikmiqyaslı sınaq aparın, sonra daha geniş auditoriyaya təqdim edin (bu, son dərəcə vacibdir)

Daha uyğun marşrut:

  • Option B adətən çətinliksiz seçimdir: ShortPixel, Imagify və TinyPNG hamısı toplu emalı dəstəkləyir; əsas odur ki, kvota sistemini başa düşmək və xərcləri əvvəlcədən qiymətləndirmək.
  • A variantı da qəbul ediləndir, lakin Plus WebP-nin “ID-ləri üst-üstə yazması, orijinal şəkilləri silməsi və URL-ləri əvəz etməsi” davranışında daha ehtiyatlı olmalısınız: bu aktivlərin köçürülməsi deməkdir, ona görə də dərhal tam əvəz etmə aparmaq məsləhət görülmür.

4.3 Portfollar/fotografiya veb-saytları (burada görüntü keyfiyyəti həyati əhəmiyyət daşıyır, fayllar iri həcmdədir və vizual cəlbedicilik ən yüksək prioritetdir)

Prioritet tövsiyələr:

  1. Ölçülərin təyini strategiyası (Ekran sahəsinin idarə edilməsi)
  2. Kompressiya strategiyası (təfərrüatı itirməkdənsə, bir az daha böyük faylın olması daha yaxşıdır)
  3. WebP/AVIF (böyük şəkillər üçün faydaları aydındır, lakin vizual keyfiyyət təsdiqlənməlidir)

Daha uyğun marşrut:

  • Imagify: Quota “əsas şəkil ölçüsü” əsasında azaldıldığı üçün, bu tip sayt xərcləri nəzarətdə saxlamağı asanlaşdırır (hər bir böyük şəklin nə qədər xərc tələb edəcəyini təxminən bildiyiniz üçün), lakin onları təkrar-təkrar sıxışdırmaqdan çəkinməlisiniz.
  • ShortPikselƏgər çoxlu miniatura ölçüsü yoxdursa, kreditlər kifayət qədər sadədir; lakin əgər çoxsaylı ölçülər və növbəti nəsil versiyalar yaratsanız, kredit istifadəsi xeyli artacaq, ona görə də əvvəlcədən planlaşdırma aparmalısınız.

5. Data limitləri və hesablaşma: Pulsuz limitin kifayət edib-etmədiyinə dair ətraflı baxış

Hansı daha sərfəlidir və pulsuz sınaq müddəti nə qədər davam edəcək?

5.1 Üç ödəniş modeli

  • ShortPiksel(təşəkkürlər)Kreditlər “əsas şəkil və miniaturaların sayı” əsasında hesablanır; WebP/AVIF fayllarının yaradılması isə hər bir müvafiq versiya üçün əlavə kredit ödənişi tələb edir.
  • Imagify(MB kvotası)Kota “ilkin fayl ölçüsünə” əsasən tutulur; nə qədər çox miniatura olarsa, bir o qədər çox kota istifadə olunur; yenidən sıxma əlavə kota tutulmasına səbəb olacaq.
  • TinyPNG(təşəkkürlər): Ayda 500 kredit; WebP/AVIF konvertasiyasını aktivləşdirmək hər bir görüntü ölçüsü üçün əlavə ödəniş tələb edəcək.

5.2 Sürətli qiymətləndirmə üsulları

Onu aşağıdakı kimi təxmin edə bilərsiniz:

  1. Tez-tez yüklədiyin orijinal şəkillərdən istənilən birini tap, təxminən nə qədər olduğunu yoxla (məsələn, 300KB / 1MB / 3MB)
  2. Bu, saytınızın adətən neçə miniatura ölçüsü yaratmasından asılıdır (məsələn, 5, 10 və ya 20).
  3. WebP/AVIF yaratmaq istədiyinizə qərar verin (Bəli/Xeyr)

Sonra istehlakı anlamaq üçün aşağıdakı “zehni hesablamadan” istifadə edin:

  • ShortPikselHər bir şəkil üçün təxminən 1+slayd görüntüsünün sayı qədər kredit; əgər WebP/AVIF yaradılırsa, bu təxminən ikiqat artır (çünki növbəti nəsil versiyalar da kredit tələb edir)
  • ImagifyHər bir şəkil üçün kvota təxminən (orijinal şəklin ölçüsü + bütün miniaturaların ümumi ölçüsü) qədərdir; sıxılma səviyyəsini dəyişdirmək və şəkli yenidən sıxmaq kvotadan əlavə azaldılmaya səbəb olacaq.
  • TinyPNG500 pulsuz kredit; əgər saytınız hər bir şəkil üçün çoxsaylı ölçülər yaradırsa və şəkil çevrilməsi aktivdirsə, pulsuz şəkillərin sayı kəskin azalacaq (plugin səhifəsində “ayda təxminən 100” və “ayda təxminən 50” kimi təxmini göstəricilər verilib)

6. Risk açıqlaması

Risk 1: Bir neçə plagin eyni işi yerinə yetirməsini qarşısını alın

Bu ən çox rast gəlinən “fəlakət mənbəyidir”

  • Marşrut A:Üstəlik WebP və ya AVIF + EWWW(Vəzifələri ikiyə bölün; həm konvertasiya, həm də çatdırma eyni vaxtda aparmayın, ya da yalnız birini quraşdırın)
  • Seçim B: ShortPixel / Imagify / TinyPNG Üçündən birini seçin(Sıxılma və növbəti nəsil üçün birini seçin)

Risk 2: Bundan əlavə, WebP-nin “Üstünə yazma ID / Orijinal şəkli sil / URL-i əvəz et” funksiyaları aktivlərin köçürülməsi hesab olunur.

Təkrar etmək üçün:Üstəlik WebP Təsvir aydın şəkildə göstərir ki, tam bir nəsil ərzində orijinal görüntü ID-si üst-üstə yazılacaq, orijinal fayl silinəcək və məzmun URL-i əvəzlənəcək.
Bu, onun “hər zaman geri qaytarıla bilən kiçik düzəliş” deyil, əksinə aktiv səviyyəsində dəyişiklik deməkdir.

Tövsiyə olunan strategiya belə olmalıdır:

  • Kiçikmiqyaslı testlə başlayın (bir neçə ondan bir neçə yüzədək)
  • Front-end ekranın, miniaturaların və keş yeniləmələrinin hamısının düzgün işlədiyini təsdiqləyin.
  • Bütün verilənlər bazasını emal etməyi nəzərdən keçirin

Risk 3: Bulud sıxılmasında “pulsuz kvota”nun faktiki istifadəsi miniaturaların sayından və növbəti nəsil seçimlərinin seçiminə bağlıdır.

  • ShortPikselMiniatürlər və növbəti nəsil xüsusiyyətlər kreditlərə əhəmiyyətli təsir göstərəcək.
  • TinyPNGWebP/AVIF-i aktivləşdirmək hər bir görüntü ölçüsü üçün əlavə kredit azaldılmasına səbəb olacaq.
  • ImagifyÖdənişlər ilkin şəkilin ölçüsünə əsaslanır; nə qədər çox miniatura varsa, ödəniş bir o qədər yüksəkdir; təkrar yükləmələr əlavə ödənişlərə səbəb olacaq

Risk 4: “WebP/AVIF yaradılıb” o demək deyil ki, “front-end WebP/AVIF təqdim edir”

Bir çox insan konversiyadan sonra saytlarının sürətinin artmadığını hiss edir; əsas səbəb odur ki, front-end hələ də JPG/PNG fayllarını təqdim edir (aşağıdakılardan hər hansı birində uyğunsuzluq səbəbindən: keşləmə, yenidən yazma, teqlər və ya brauzer danışıqları).

7. Bitirdikdən sonra təsir edib-etmədiyini necə yoxlayım?

4 çox sadə yoxlama məntəqəsi:

  1. Eyni səhifəni ikinci dəfə yeniləyərkən yükləmə prosesi daha sabit və sürətli olurmu?(Kəşləmə və optimallaşdırmanın təsirləri nə dərəcədə nəzərə çarpır?)
  2. Mobil cihazlarda və masaüstü kompüterlərdə yüklənən şəkillərin ölçüsündə nəzərəçarpan fərq varmı?(Cavabdeh srcset/ölçülər (işləyib-işləmədiyi)
  3. Təsadüfi olaraq bir neçə şəkli yoxlayın: WebP və ya AVIF faylları/resursları varmı?(Sayt həqiqətən istifadə edirmi növbəti nəsil
  4. Bir neçə şəkilə baxın: yaxınlaşdırın və görün onlar nəzərəçarpacaq dərəcədə bulanıqdır, yoxsa mətn bulanıq görünür.(Kompressiya çox güclüdürmü?)

Əgər bu dörd şərtdən hamısı yerinə yetirilsə, bu, seçdiyiniz marşrutun artıq işlək vəziyyətdə olduğunu göstərir. Sonra keçin “Təhvil səviyyəsi”...ümumilikdə daha sabit olacaq.

8. Tədbirlər üçün tövsiyələr

  1. Əvvəlcə marşrut seçin:
  • Mən onu mümkün qədər pulsuz saxlamaq istərdim.: Üstəlik WebP və ya AVIF + EWWW (və ya onlardan yalnız birini quraşdırın)
  • Server resurslarına qənaət etmək istəyirsiniz? İstifadə üzrə ödəniş daha problemsizdir.ShortPixel, Imagify və ya TinyPNG-dən birini seçin
  1. Kiçikmiqyaslı testlə başlayın (bir neçə onluq)
  2. Toplu emal etməzdən əvvəl hər şeyin qaydasında olduğuna əmin olun.
  3. Çatdırılma etibarlılığı daha da yaxşılaşdırılmalıdır:Oxumaq CDN sürətləndirmə

Tez-tez verilən suallar

1. Neçə plugin quraşdırmalıyam? Hamısını quraşdıra bilərəmmi?

Tək bir marşrutda qalmağa çalışın.

  • Seçim A: Plus WebP və ya AVIF + EWWW Image Optimizer (və ya onlardan yalnız birini quraşdırın)
  • Seçim B: ShortPixel, Imagify və ya TinyPNG-dən birini seçin
    Eyni saytda birdən çox plagini “sıxılma, WebP və ya AVIF-ə konvertasiya, URL-in dəyişdirilməsi və çatdırılma yenidən yazılması” funksiyalarını eyni vaxtda yerinə yetirmək üçün işə salmaq qarışıqlıq yaratmağın ən etibarlı yoludur və problemi aradan qaldırmaq üçün ən çətin üsuldur.

2. WordPress artıq WebP/AVIF-i dəstəkləmirmi? Hələ də plaginə ehtiyacım varmı?

Aşağıdakılar arasında fərq qoymaq vacibdir:
“Yükləmək/istifadə etmək üçün dəstək” ≠ “avtomatik çevirmə/avtomatik çatdırılma”
WordPress 6.5 mövcud JPG/PNG fayllarını toplu şəkildə avtomatik olaraq WebP/AVIF-ə çevirməyəcək, həmçinin brauzerin imkanlarına əsasən AVIF/WebP təqdim edib sonra orijinal formata qayıtmaq kimi bütün prosesi avtomatik idarə etməyəcək. Mövcud media kitabxananızın da yenilənməsini təmin etmək üçün adətən boşluqları doldurmaq üçün plagin və ya xidmətdən istifadə etməlisiniz.

3. Şəkil optimallaşdırılmasına gəldikdə, hansı addım əslində ən yüksək investisiya gəliri təklif edir?

Adətən Əvvəlcə ölçüləri düzgün təyin edin (srcset/sizes)
Bir çox vebsayt yavaş işləyir, onların sıxılmamasına görə deyil, çünki onlar yalnız 900 piksellik eni olan bir səhifə göstərir və istifadəçiləri orijinal 3000 piksellik şəkli yükləməyə məcbur edirlər. Sıxılma bir neçə kilobayt qənaət edə bilər, amma “səhv ölçülər” səbəbsiz olaraq həmin həcmdə bir neçə dəfə çox məlumat yükləməyinizə səbəb olacaq.

4. Hər dəfə orijinal şəkil deyil, “kiçik versiya” yükləndiyinə necə əmin ola bilərəm?

İki hadisəni nəzərdən keçirin:

  • Mobil cihazda baxıldıqda yüklənmiş şəkillər masaüstü kompüterdəki ilə müqayisədə nəzərəçarpacaq dərəcədə kiçik görünür.
  • Eyni şəkilin fayl ölçüsü yükləndiyi cihazdan asılı olaraq dəyişir.
    Əgər şəkillər həmişə orijinal ölçüsündə yüklənirsə, bu, adətən mövzu və ya səhifə qurucusunun şəkli CSS fon şəkli və ya xüsusi çıxış kimi qəbul etməsi, beləliklə media kitabxanasının çoxölçülü dəstəyini və `srcset` atributunu atlamasından irəli gəlir.

5. “WebP/AVIF yaradıldı” mütləq front-endin WebP/AVIF çıxardığı deməkdirmi?

bərabər deyil
Générasiya yalnız “fayl səviyyəsində” tamamlanır; WebP/AVIF-in faktiki olaraq ön tərəfə çatdırılıb-çatdırılmaması yenidən yazma, “” tegi siyasəti, keş zərbələri və brauzer danışıqlarının effektivliyindən asılıdır. Bitirdikdən sonra bir neçə şəkilin resurs növlərini təsadüfi yoxlamağı unutmayın.

6. WebP və ya AVIF ilə əlaqəli risklər nədir? Bütün verilənlər bazası üzrə bir kliklə yoxlama apara bilərəmmi?

Risk “sıxılmada” deyil, …-dədir.Aktivlərin köçürülmə səviyyələrində dəyişikliklər

  • Tam dəst yaradılarkən ilkin görüntü fayl ID-ləri üst-üstə yazıla, ilkin fayllar silinə və məzmündəki URL-lər əvəz edilə bilər.
    BeləlikləBütün verilənlər bazasını dərhal əvəz etməyi tövsiyə etmirik.Kiçikmiqyaslı testlə başlayın (bir neçə ondan bir neçə yüz qeydə qədər) və tam verilənlər bazasına keçməzdən əvvəl işləyən ehtiyat nüsxənizin olduğuna əmin olun.

7. Plus WebP-də iki rejim arasında necə seçim edirsiniz: orijinal şəkli saxlamaq, yoxsa əvəz edib orijinal şəkli silmək?

Sadə dildə desək:

  • Seçim 1: Orijinal şəkli saxlayın + WebP/AVIF nüsxələri yaradın (daha etibarlı)Geri qaytarmaq asandır, lakin daha çox disk sahəsi tutur (əsas görüntü + yeni format + müxtəlif miniatura ölçüləri).
  • Üsul 2: Orijinal şəkli əvəz etmək və silmək (daha radikal)Diskin genişlənməyə meylli deyil, lakin aktivləri və istinadları dəyişdirdikdə uyğunluq problemlərini həll etmək daha baha başa gəlir.
    Sayt nə qədər mürəkkəbdirsə (e-ticarət, çoxsaylı plagınlar, müxtəlif ölçülər), bir o qədər daha sabit bir yanaşma ilə başlamağı tövsiyə edirik.

8. EWWW Image Optimizer tərəfindən təklif olunan pulsuz yerli sıxılma kifayətdirmi? Serveri yükləyə bilərmi?

EWWW daha çox “lokalda işləyən sıxışdırma aləti” kimidir: CPU/IO istifadə edir.
Toplu optimallaşdırma zamanı yükləmə artması adi haldır; bu, sistemin “uğursuzluğa” uğramağı demək deyil, əksinə düzgün yanaşmanın tətbiq olunması vacibdir: prosesi partiyalarla, pik olmayan saatlarda həyata keçirin və lazım gəldikdə yükləməni azaltmaq və ya bulud həllərinə keçin.
Əgər problemsiz həll axtarırsınızsa və ya server resurslarınız məhduddursa, B seçimi server üçün daha səmərəlidir.

9. ShortPixel ayda 100 pulsuz kredit təklif edir, amma niyə elə hiss edirəm ki, cəmi bir neçə şəkil sonra onlar tükənib?

çünki “Credits” 'şəkillərin sayı'na aid deyil.”, thumbnail-lər və növbəti nəsil ilə böyüdüləcək:

  • Orijinal şəkil + hər bir miniaturanın krediti
  • Əgər WebP/AVIF faylları yaradılsa, hər bir müvafiq versiya kreditlər baxımından əlavə xərc tələb edəcək.
    Beləliklə, sizin “bir şəkil” düşünə biləcəyiniz əslində demək olar ki, “iki rəqəmli kredit” sərf edə bilər. ShortPixel

Niyə Imagify-nin aylıq 20MB pulsuz limiti də tez bitir?

Imagify daha çox “məlumat paketi” kimidir:

  • Sizin mesajınıza əsasənOrijinal faylın ölçüsüKotadan çıxmaq
  • Neçə çox miniatür varsa, o qədər çox resurs sərf olunur.
  • Sıxılma səviyyəsini dəyişmək və yenidən optimallaşdırmaq yenidən quota sərf edəcək
  • Tək bir API açarı bir neçə saytda istifadə oluna bilər, kvotalar paylaşılır.
    Buna görə də “20MB tez bitir” çox vaxt şəkillərin həddən artıq böyük olması, miniatürlərin həddən artıq çox olması və ya təkrar-təkrar sınaq edib səhv etməkdən qaynaqlanır.

11. TinyPNG ayda 500 pulsuz kredit təklif edir, bəs niyə plugin ayda cəmi təxminən 100 şəkil olduğunu göstərir və WebP/AVIF aktivləşdirildikdən sonra bu rəqəm niyə ayda 50 şəkilə düşür?

Bu, TinyPNG kreditlərinin də “Ölçülər/Variantlar” bölməsində artırılması ilə bağlıdır:

  • Standart WordPress quraşdırması adətən ayda təxminən 100 şəkil sıxır.
  • AVIF və ya WebP konvertasiyasını aktivləşdirin:Hər bir şəkil ölçüsü bir əlavə kreditə başa gələcək., ona görə də ayda təxminən 50 şəkli sıxa və konvertasiya edə bilərəm (kiçik ölçülü şəkillərin sayından asılı olaraq).
    Beləliklə, 500 kredit ≠ 500 şəkil.

12. Saytımızda neçə miniatura var? Onlar niyə bu qədər böyük təsir göstərir?

WordPress-ə şəkil yükləmək bir neçə ölçü yaradır; mövzular və plaginlər (xüsusən e-ticarət üçün olanlar) daha çox ölçü yarada bilər.
Bulud sıxılmasında kreditlər və ya kvotalar adətən “əsas şəkillər və miniaturlar birləşdirilərək” hesablanır, buna görə də nə qədər çox miniaturınız varsa, pulsuz həcminiz bir o qədər tez tükənəcək.

13. Tənbəl yükləmə həmişə işləri sürətləndirir? Niyə bəzi insanlar tənbəl yükləmə əslində işləri ləngidir deyirlər?

Tənbəl yükləmə ekrandan kənar resurslar üçün uyğundur.
Əgər ilk ekrandakı ən vacib böyük şəkil də gecikdirilsə, bu ilkin yüklənmə təcrübəsini ləngidə bilər. WordPress 5.5 və daha sonrakı versiyalarda standart tənbəl yükləmə yaxşıdır, lakin onu hər yerdə tətbiq etməməlisiniz.

14. A və ya B marşrutu ilə gedirəmsə, CDN / şəkil CDN nə vaxt lazımdır?

Kompressiya, faylın ölçüsü və formatı faylları kiçikləşdirmək və daha uyğun etmək məsələsini həll edir;
CDN daha yaxın və daha sabit çatdırılmanı təmin edir
Şəkillər mənbə saytdan uzaq məsafədən çəkildiyi üçün gecikmə aydın hiss olunursa, üstəlik CDN/şəkil CDN (məsələn, Cloudflare Polish / Jetpack Site Accelerator) əlavə etmək ümumilikdə daha stabil olar, oxumaq WordPress sürətləndirilməsi

15. Bitirdikdən sonra bunun həqiqətən işlədiyini yoxlamağın ən asan yolu nədir?

Təsdiqləməyin ən sürətli yolu:

  • Eyni səhifəni ikinci dəfə yeniləyərkən yükləmə prosesi daha sabit və sürətli olurmu?
  • Mobil və masaüstü versiyalar arasında görüntü ölçüsündə nəzərə çarpan fərq varmı (srcset və sizes atributları nəzərdə tutulduğu kimi işləyirmi)?
  • Təsadüfi olaraq bir neçə şəkli yoxlayın: WebP və ya AVIF faylları/resursları varmı?
  • Bir neçə şəkilə baxın: yaxınlaşdırın və görün onlar nəzərəçarpacaq dərəcədə bulanıqdır, yoxsa mətn bulanıq görünür.