Şəkil optimallaşdırılması 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 seçmək tez-tez yükləmə sürətinin dərhal yaxşılaşmasına səbəb olur.

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ə oxumusunuz və “sıxılma”, “WebP/AVIF” və “tənbəl yükləmə” barədə məlumat almısınız, amma sonra plaginin təsvirinə baxanda “ayda 100 pulsuz kredit”, “20MB pulsuz” və “hər şəkil üçün 1 kredit” yazıldığını görürsünüz — nə qədər çox oxuyursunuz, bir o qədər çaşqın olursunuz. Pulsuz kvota həqiqətən kifayətdirmi? Ödənişlər necə tutulur? “Eyni şey'i səhv başa düşmüsünüzmü? Və ən əsası: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ı axtarıb problemlərini 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 yaranacaq:

  • Bizə təqdim olunan “pulsuz imkanlardan” istifadə etmək əvəzinə, təkəri yenidən ixtira etməyə vaxtımızı və pulumuzu israf etdik.
  • 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 çoxö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ına uyğun olaraq şə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 olar.
  • 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:
“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ənməyən brauzerlər üçün orijinal şəkilə qayıtmaq funksiyasının tam imkanlarından da avtomatik olaraq yararlana bilməyəcəksiniz — bu boşluğu doldurmaq üçün adətə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-lik şəkli yükləməyi 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ə ilk ekranın yüklənmə müddətini ləngidir.

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əki ilə müqayisədə 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ə keçə 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, lakin 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ı (maksimum fayda) üstün tutun
  • Çox mətn ehtiva edən ekran görüntüləri/şəkillərMətnin bulanıq görünməsinin qarşısını almaq üçün daha mühafizəkar sıxılma tətbiq 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ə azaldılı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 “orijinalı ə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: sıxılmada növbəti addım, 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 (adətən ilk ekranda ə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.
Lakin əgər şəkillər daim uzaq mənbə serverindən götürülürsə, şəbəkə gecikməsi hələ də istifadəçi təcrübəsinə əhəmiyyətli dərəcədə təsir edəcək. Belə hallarda “çatdırılma qat” həlli tələb olunur (CDN/image CDN).

İki tipik yanaşma:

  • Cloudflare PolşaCloudflare 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ə uyğun şəkildə ölçüsünün dəyişdirilməsini təmin edir,CDN: Daha yaxın və daha etibarlı şəkildə çatdırır

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 səhv “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ə yerli mühitdə pulsuz, ya da üç bulud əsaslı seçimdən birini.

  • Marşrut A (tamamilə pulsuz yerli):Üstəlik WebP və ya AVIF + EWWW Image Optimizer(və ya 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).
  • Kompromis odur ki, toplu emal serverə daha ağır yük sala bilər (205 T/IO-ya görə 1 TP), bu da sizdən “strateji və risk'ə daha çox diqqət yetirməyinizi tələb edir.”

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

  • Şə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əzmunda olan 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ə əgər “Orijinalı əvəz et və sil” seçimini aktiv etmisinizsə)

İ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çə miniatura ö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şsə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 loqikası orijinal fayl adlarına, yollarına və ya formatlarına güvənirsə).

Tövsiyə

“Orijinalı əvəz et və sil” seçməzdən əvvəl əvvəlcə 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əncirdə haradasa nəyinsə səhv getməsidir — məsələn URL dəyişikliyi, keşləmə və ya miniatura siyasəti.
  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çü yaradır; mövzular və plaginlər daha çoxunu 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çı

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ıra bilər.
  • Əgər daha yüksək sıxılmaya ehtiyacınız varsa və ya CPU-ə qənaət etmək istəyirsinizsə, CPU sərf edən emalı serverinizə ötürə bilərsiniz (isteğe bağlı).

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 görmə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 edilməsi ə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-nin tipik bir tələsi

  1. Toplu optimallaşdırma zamanı server yükü artır.
    Bu, yerli sıxılmanın CPU/IO sərf etməsi ilə bağlıdır. Həll onu “istifadəni dayandırmaq” deyil, “düşük tələbat saatlarında toplu şəkildə emal etmək və lazım gəldikdə yükləməni kənara ötürmək və ya bulud həllərinə üstünlük vermə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ğuna dair 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 xidmə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əyərkən ödəmə modelinə uyğun gələnlər üçün idealdır.
Lakin bulud sıxılmasında ən çox yayılmış yanlış təsəvvür belədir:Pulsuz icazə sadəcə “pulsuz vərəqlər” məsələsi deyil.Miniatür ölçülərinin sayı, WebP/AVIF formatlarının yaradılıb-yaradılmaması və şəkillərin təkrar-təkrar sıxılıb-sıxılmaması hamısı resurs istifadəsinə əhəmiyyətli təsir göstərəcək.

Aşağıda biz 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ərdən necə qaçmağı 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.

Pulsuz və ödənişli seçimlərlə nə baş verir?

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

  • Ayda 100 pulsuz kredit
  • Həmçinin “əlavə limitsiz 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ıb tükənənədək etibarlıdır; adətən son istifadə tarixi yoxdur)
  • Aylıq/Təchitzsiz: Müntəzəm 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 da rəhbərlik təqdim edir.Aydın izah: Unlimited Aylıq plan aylıq (və ya illik) ödənişlə hesablanır, limitsiz kreditlər və sabit CDN kvotası təklif edir; birdəfəlik kreditlərin müddəti bitmir, bu da istifadəyə lazım olduqda daha çox nəzarət imkanı yaradır.

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ə mövzu 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 da yaratmaq istəyirsinizsə: yuxarıdakı 9-un hər birinə növbəti nəsil versiyanı əlavə edin → üstəlik 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ının yaradılması üçü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 üçün 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əsiWebP və AVIF fayllarını çevirə bilir və növbəti nəsil şəkilləri (məsələn, teqlər 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 Imagify: Ayda 201 TP pulsuz, 235 TP; kvota “əsas şəkilin ölçüsü + miniaturaların sayı” əsasında tutulur; yenidən yükləmə təkrar tutulmalara səbəb olacaq

Pulsuz icazə və yerləşmə

Imagify Rəsmi Qiymət SəhifəsiBu olduqca aydın şəkildə bildirilir:Pulsuz hesabların aylıq kvotası 201–235 TB-dir.
Plugin səhifəsində həmçinin qeyd olunur 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 11 şəkilin optimallaşdırılmasına səbəb olacaq (əsas şəkil və 10 miniatura), bunların hamısı kvotanıza daxil ediləcək.
  • 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 yaratdıqca, bir o qədər çox məlumat istifadə edir; və faylları təkrar-təkrar sıxsanız, o da təkrar-təkrar məlumat istifadə edəcək.

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 “orijinal şəkil”, həm də “8 miniatura” daxil edilir (əgər "Hamısını optimallaşdır" seçsəniz), bu isə deməkdir ki, bu əməliyyat demək olar ki, bu faylların hamısının ümumi ölçüsünə bərabər bir kvota sərf edəcək.
    Buna görə bəzi saytlar “20MB” kvotalarının tez tükəndiyini görürlər: məsələ Imagify-in öhdəliklə başa çıxa bilməməsi deyil, yüklədiyiniz şəkillərin çox böyük olması, çoxlu miniaturalar yaratmağınız və müxtəlif sıxılma səviyyələri ilə təkrar-təkrar eksperiment aparmağınızdır.

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

  1. Pulsuz 20MB tam sayt tarixinin silinməsi üçün kifayət etmir.“
    20MB ümumiyyətlə testlər aparmaq və kiçik yeniləmələr üçün daha uyğundur; əgər media kitabxananız artıq böyükdürsə, onu bir anda təmizləmək üçün yəqin ki, təkmilləşdirməyə ehtiyac olacaq.
  2. Kompressiya səviyyəsini təkrar-təkrar tənzimləmək nəticəsində kvota dəfələrlə tükənir.
    Imagify: Aydın izahTəkrar optimallaşdırma kvotanı yenidən istifadə 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ə xərclərinin artması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“

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 kredit pulsuz
  • 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çüsü istifadə etsəniz 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, plagin 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, “konversiya 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ın strukturunun sabit olduğunu və növbəti nəsilin həqiqətən zəruri olduğunu təsdiqlədikdən sonra konversiyaya başlaya bilərsiniz.

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

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ərqlidir.

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ədən 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; bütün verilənlər bazasını dərhal əvəz etmə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 tamamilə 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ə tam əvəzləməni dərhal həyata keçirməyi tövsiyə etmirik.

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 önəm kəsb edir)

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: Kvota “əsas şəkil ölçüsü” əsasında tutulduğundan, 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ə başa gələcəyini təxminən bilirsiniz), lakin onları təkrar-təkrar sıxmaqdan çə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. Kota və ödəniş: Pulsuz icazənin kifayət edib-etmədiyinə dair ətraflı baxış

Hansı daha sərfəlidir və pulsuz versiya 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 müvafiq versiya üçün əlavə kredit haqqı tələb edir.
  • Imagify(MB kvotası)Kota “əsas fayl ölçüsü” əsasında 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. Hər hansı tez-tez yüklədiyiniz “orijinal şəkil”i seçin və onun təxmini ölçüsünü yoxlayın (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+ thumbnail sayına bərabə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şmə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 çevirmə funksiyası 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əsinin 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 prosesini eyni vaxtda icra etməyin, 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 Yazmaq ID / Orijinal Şəkli Silmək / URL-i Əvəzləmək” 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 nəsil yaradılması zamanı 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 tutulması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ışıqlığı).

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 CDN “Çatdırılma qat”...ü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 az əziyyətlidir.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ənmə

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-ə çevirmə, URL-in dəyişdirilməsi və çatdırılma yenidən yazılması” funksiyalarını eyni anda icra etmək qarışıqlıq yaratmağın ən etibarlı yoludur və problemi aradan qaldırmaq üçün ən çətinidir.

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 bir neçə dəfə daha çox məlumat yükləməyinizə səbəb olacaq.

4. Orijinal şəkil əvəzinə “kiçik versiyanın” 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 çoxsaylı ölçülərə və `srcset` atributuna dəstəyini atlamasına görədir.

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

bərabər deyil
Generasiya 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, `picture` teqinin 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 edim: 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 miniatür ö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 “yerli sıxılma aləti” kimidir: o, CPU/IO istehlak 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: prosesləri partiyalar şəklində, 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 uyğundur.

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

10. Niyə Imagify-in ayda 201 TP235T pulsuz həcmi bu qədər tez tükənir?

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

  • Sizin mesajınıza əsasənOrijinal faylın ölçüsüKotadan çıxmaq
  • Neçə çox miniatura varsa, resurs istifadəsi bir o qədər çox olar.
  • Sıxılma səviyyəsini dəyişmək və yenidən optimallaşdırmaq kvotanı yenidən sərf edəcək.
  • Tək bir API açarı bir neçə saytda istifadə oluna bilər, kvotalar paylaşılır.
    Beləliklə, “20MB tezliklə tükənəcək” mesajı adətən şəkillərin çox böyük olması, çoxlu miniaturaların olması və ya təkrarlanan sınaq-səhv nəticəsində yaranı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 orijinal şəkil və onun miniaturalarının ümumi cəminə əsasən hesablanır, buna görə də nə qədər çox miniatura varsa, pulsuz həddi 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şrutunu seçsəm, CDN / Image CDN-ə nə vaxt ehtiyacım olacaq?

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 sürətli və daha etibarlı çatdırılmaları təmin edir
Uzaq mənbə serverindən yüklənən şəkillər səbəbindən əhəmiyyətli gecikmə olduqda, hər şəkil üçün CDN əlavə etmək (məsələn, Cloudflare Polish / Jetpack Site Accelerator) ümumiyyətlə daha sabit təcrübə təmin edir. Daha çox oxuyun WordPress CDN sürətləndirmə

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/sizes 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.