WordPress-də Şəkillər + Videoları necə yandırmaq olar (və daha yaxşı GTmetrix nəticələri üçün YouTube iFrame-ləri əvvəlcədən görüntülənmiş şəkil ilə dəyişdirin)

Bunun ən yaxşı yolu nədir tənbəl yük şəkillər və videolar WordPress-də?


Bu, artıq tənbəl yükləməni (WP Rocket, W3 Total Cache, Swift, LiteSpeed ​​Cache) dəstəkləyən bir ön plakandan istifadə etməyinizdən asılıdır. Kesh plagininiz tənbəl yükləmə şəkilləri və videoları dəstəkləyirsə, əlavə bir plugin quraşdırmamaq üçün bundan istifadə etmək yaxşıdır. Kesh plagininiz tənbəl yükləməni dəstəkləmirsə, istifadə etməyi məsləhət görürəm (xüsusən WP Roket), əks təqdirdə fərdi olaraq quraşdıra biləcəyiniz alternativ tənbəl yükləmə plaginlərini sadaladım.

Tənbəl yükləmə nədir?
Tənbəl yükləmə, istifadəçilər səhifəni fırladıb onları görəndə şəkillər və videolar yalnız yükləndiklərini bildirir. Bu səhifədəki daha az HTTP sorğuları ilə nəticələnir, lakin çox sayda şəkil və ya quraşdırılmış video varsa, səhifəni aşağı çevirdikdə daim yükləməyi tələb edir..

YouTube iframe-ni əvvəlcədən görüntülənmiş şəkil ilə əvəz etmək nə deməkdir?
Videolarınızı WordPress saytınıza yerləşdirirsinizsə, insanlar “Play” düyməsini basdıqda yalnız “yağlı YouTube pleyeri” yükləyir. Başqa sözlə, əvvəlcə yüklənən tək şey əvvəlcədən görüntüdür.

Şəkilləri və Videoları Yalnış Yükləməlisiniz?
Şəkilləri tənbəlliklə yükləmirəm, çünki səhifəni fırladarkən şəkilləri daim yükləmək istifadəçilər üçün əsəbi ola bilər. Bununla birlikdə, bütün şəkillərim GTmetrix-də 100% optimallaşdırılmışdır. Mən tənbəl video yükləyirəm və iframe-i əvvəlcədən görüntü ilə əvəz edirəm. Hər bir quraşdırılmış videonun yüklənməsi 2 saniyə çəkə biləcəyi üçün (görüntüdən daha ağır), tənbəl yükləmə videolarının faydası böyükdür.

1. WP Raket

WP Roket, tənbəl yükləmə üçün # 1 seçimimdir və Facebook anketlərində # 1 ön plagin idi.

Artıq tənbəl yüklənmə quraşdırıldığına görə, əlavə bir plagin yükləməyiniz lazım deyil. WP Roketin bütün faydası budur; saytınızdakı daha az plugin (daha yaxşı yükləmə vaxtı və GTmetrix puanları ilə nəticələnir) ilə müqayisədə hər hansı digər ön plaginlərdən daha çox xüsusiyyətləri ilə gəlir. WP Roketası genişdir tənbəl yükləmə sənədləri və WP Roket parametrlərini konfiqurasiya etmək.

WP Roket

WP Roketində Lazy Yükləməni necə aktivləşdirmək olar
WP Roketdə tənbəl yükləməni aktivləşdirmək üçün Parametrlər-ə keçin > WP Roket > Media > LazyLoad. Bunu şəkillər, iframe və videolar üçün aktivləşdirə və YouTube iframe-lərini önizli görüntü ilə əvəz edə bilərsiniz.

Lazy Load Şəkillər WP Roketası

2. SG Optimizer

Saytın ətrafı böyük yeniləmələrində tənbəl yükləmə təqdim etdi SG Optimizer.

Əlbəttə ki, bu plagindən istifadə etmək üçün bir SiteGround müştəri olmalısınız (20 Facebook-da keçirilən sorğularda # 1 ana kimi qiymətləndirildiyini nəzərə alaraq paylaşılan hosting üçün edərdim). SG Optimizer WP Rocket ilə müqayisə oluna bilər, lakin demək olar ki, bir çox xüsusiyyətə sahib deyil. Buna görə də, ev sahibi üçün SiteGround istifadə edirsinizsə, yenə də WP Rocket-lərini SG Optimizer-dən üstün tuturam.

SiteGround SG Optimizer

SG Optimizer-də Tənbəl yükləməni necə aktivləşdirmək olar
SG Optimizer-də tənbəl yükləməni aktivləşdirmək üçün Ayarlar-a gedin > SG Optimizer > Saytın Defoltları > Şəkil optimallaşdırılması. Tənbəl şəkillər, Gravatars, kiçik şəkillər, cavab verən şəkillər və vidjetlər yükləyə bilərsiniz. Bloqunuzda şərhləriniz varsa, tənbəl yükləmə Gravatars çox kömək edə bilər.

SG Optimizer Lazy Loading

3. W3 Cache

W3 Total Cache-i istifadə edirsinizsə, bunların da tənbəl yükləmə seçimi.

W3 Total Cache bir müddət tərk edilmiş hesab edildi, ancaq geliştirici bu anda plaginini qorumağa başladı. W3 Total Cache parametrlərini konfiqurasiya etmək üçün geniş bir dərsliyim var.

W3 Total Cache plaginidir

W3 Ümumi Cache-də Yalnış Yükləməni necə Yandırmaq olar
W3 Total Cache-də yükləməni aktivləşdirmək üçün Parametrlər-ə keçin > Ümumi Ayarlar > İstifadəçi təcrübəsi > Tənbəl yükləmə. Bunu yandırın, sonra İstifadəçi Təcrübəsinə keçin > Tənbəl yükləmə. HTML şəkil etiketlərini, fon şəkillərini emal etmək üçün seçin, sözləri və skript daxil etmə metodunu istisna edin.

W3 Cache Lazy Yükləmə

4. Litespeed Cache

Litepseed önbelleği tənbəl yükləmə işi də edəcək (Litespeed yaxşı nəzərdən keçirilmiş ön plagindir).

LiteSpeed ​​Cache Plugin

LiteSpeed ​​Cache-də tənbəl yükü necə aktivləşdirmək olar
LiteSpeed ​​Cache-də yükləmə imkanını təmin etmək üçün LiteSpeed ​​Cache-ə keçin > Parametrlər > Media > Media Ayarları. Burada tənbəl yükləmə şəkillərini, iframe-ləri aktivləşdirə, şəkilləri istisna edə bilər, cron işi ilə avtomatik olaraq optimallaşdırmanı tələb edə, Javascript kitabxanasının daxilini daxil edə və digər parametrləri dəyişə bilərsiniz.

Lazy Load Şəkillər Videolar Litespeed Cache

5. Sürətli Performans

Sürətli Performans tənbəl yükləməni dəstəkləyən başqa bir ön plagindir. Swift WordPress Speed ​​Up Facebook Qrupunda böyük rəylər aldı, lakin WordPress plugin səhifəsindəki rəylər yalnız 4 ulduzdur. Mən Swift Performansını sınamamışam; Mən WP Rocket ilə çox xoşbəxtəm.

Swift Performance Lite plugin

Sürətli performansda tənbəl yükü necə aktivləşdirmək olar
Sürətli Performansda yükləmə yükləməsini aktivləşdirmək üçün Parametrlər bölməsinə daxil olun > Media > Tənbəl yük. Burada tənbəl şəkilləri yükləmək, müəyyən şəkilləri istisna etmək və tənbəl yükləmə şəkillərini seçmək imkanı olacaq.

Tənbəl yükləyin Şəkilləri sürətli performans

6. Avtomatikləşdirmək

Avtomatik təyin etmə tez-tez GoDaddy və WP Mühərriki kimi hostlarda istifadə olunur, burada öz daxili keşləmə sisteminə və qara siyahı önbelleği. Bu vəziyyətdə (digər sürət optimallaşdırmalarına əhəmiyyət vermək istədiyiniz üçün), Autoptimize ümumiyyətlə bunun üçün gedən plagindir. Çox xüsusiyyətlərindən biri də budur tənbəl yükləmə, eyni zamanda HTML, CSS, JavaScript və Google Şriftləri optimallaşdırmağa imkan verir.

Plugin'i avtomatik olaraq artırın

Avtomatik olaraq Yalnış yükləməni necə aktivləşdirmək olar
Yükləmə yüklənməsini Avtomatik təsnifləşdirmək üçün Ayarlar-a daxil olun > Şəkillər > Lazy yük Şəkillər. Şəkil optimallaşdırması üçün ShortPixel-in CDN-dən istifadə etmək seçimi var (bu istifadə etdiyim plagindir).

Lazy Yükləmə Şəkillərini Avtomatikləşdirin

7. Çəkmək

Smush bir görüntü optimallaşdırma plaginidir tənbəl yükləməni dəstəkləyir. WPMU tərəfindən hazırlanmışdır, lakin mən şəxsən ShortPixel-i itkisiz sıxılma üçün istifadə edirəm, çünki şəkillərimi GTmetrix-də 100% təşkil edən istifadə etdiyim yeganə şeydir (və bir çox şəkil optimallaşdırma plaginlərini sınamışam).

Smush plugin

Smush-də tənbəl yükü necə aktivləşdirmək olar
Smush-da yükləmə yükləmək üçün Smush-a gedin > İdarə paneli > Tənbəl yük. Tənbəl yüklədiyiniz hansı fayl növlərini (.jpeg, png, .gif, .svg, iframe) seçə bilərsiniz və məzmun, vidjetlər, eskizlər, Gravatars üçün aktiv olub-olmadığını seçə bilərsiniz. Hətta tənbəl yük animasiya parametrlərinə malikdir.

Tənbəl yük

8. WP raketi ilə tənbəl yük

WP raketi ilə tənbəl yük Əgər WP Roket istifadə etmirsinizsə, ancaq şəkilləri tənbəl yükləmək istəsəniz yaxşıdır.

Tənbəl yükləmə plagini

Yalançı yükləmə zamanı WP Roketinə necə qoşulmaq olar
Parametrlərə gedin > LazyLoad. Şəkilləri, iframesləri tənbəl yükləmək üçün seçiminiz var & videoları yerləşdirin və YouTube videolarını eskizlə əvəz edin. Konfiqurasiya üçün çox parametr yoxdur; Şəxsən mən daha çox olmasını arzulayırdım. Bəlkə buna görə bu tənbəl yükləmə plagininin ən yaxşı rəyləri olmur.

WP raketi ilə tənbəl yük

9. A3 tənbəl yük

A3 tənbəl yük həm şəkillərin, həm də videoların tənbəl yüklənməsini dəstəkləyir.

a3 Lazy Yük Plugin

A3 Lazy yükündə tənbəl yükü necə aktivləşdirmək olar
A3 Lazy Yükləmə rejimində yükləməni aktivləşdirmək üçün parametrlərə keçin > A3 tənbəl yük. Tənbəl yükləmə şəkilləri, videolar, iframe, Gravatars üçün parametrləri konfiqurasiya edə və veb saytınızın tənbəl yüklənməsini (mobil daxil olmaqla) tətbiq etmək istədiyinizi seçə bilərsiniz. Tənbəl yükləmə effekti, yükləmə fon rəngi və URL-lərin və yazı tiplərinin istisna edilməsini təmin etmə variantları da var.

a3 Lazy Yükləmə parametrləri

10. BJ Lazy Yük

BJ Lazy Yük baxımlı görünmür, buna görə başqa bir plagin istifadə edərdim.

BJ Lazy Load plagini

BJ Lazy yükündə tənbəl yükü necə aktivləşdirmək olar
BJ Lazy Yükləmə rejimində yükləməni aktivləşdirmək üçün Parametrlər bölməsinə daxil olun > BJ Lazy Yük. Parametrlər nisbətən sadədir və tənbəl yükləmə şəkilləri, iframes, Gravatars seçimlərini verir və məzmundan, mətn vidjetlərindən və post kiçik şəkillərdən tənbəl yükləməni istisna edir. Təqdimedici görüntünün daxil edilməsi, görüntü limiti həddi və tənbəl yüklənərkən aşağı rezervasyon görüntüsündən istifadə etmə variantı da var..

BJ Lazy yükləmə parametrləri

11. Şəkillər üçün tənbəl yük

Şəkillər üçün tənbəl yük yalnız şəkillər üçün etmək istəsəniz yaxşıdır.

Şəkillər plagini üçün tənbəl yük

Şəkillər üçün tənbəl yükləməni necə aktivləşdirmək olar
Lazy Yük üçün Şəkillər plaginində konfiqurasiya edilə bilən parametrlər yoxdur (avtomatikdir).

12. Videolar üçün tənbəl yük

Videolar üçün tənbəl yük əlaqədar videoları tıklanabilir bir önizleme şəkilləri ilə əvəz edir.

Videolar Plugin üçün tənbəl yük

Videolar üçün Lazy Yükləmə zamanı tənbəl yükləməni necə aktivləşdirmək olar
Videolar üçün Lazy Load-da yükləmə yükləməsini aktivləşdirmək üçün Parametrlər-ə keçin > Videolar üçün tənbəl yük. Yalnız lazım olduqda CSS / JS yükləməyi, oyun düyməsini düzəltməyi və xüsusi CSS tətbiq etməyi seçin.

Videolar Plugin Üçün Lazy Yükləmə

13. Şərhlər üçün tənbəl yük

Istifadə edərək tənbəl şərhlər yükləyə bilərsiniz Şərhlər üçün tənbəl yük plagin.

Blogunuzda çox sayda şərhiniz varsa, daha az HTTP sorğularını düzəltməyə kömək edə bilər, xüsusən Gravatars üçüncü tərəf tələbləri arasında yükləmək üçün uzun vaxt tələb edə bilər..

Şərhlər Plugin üçün tənbəl yük

Şərhlər üçün tənbəl yüklənməsində tənbəl yükləməni necə aktivləşdirmək olar
Şərhlər üçün Lazy Yükləmə yükləməsini aktivləşdirmək üçün Parametrlər bölməsinə daxil olun > Müzakirə > Tənbəl yükləyin Şərhlər. Bu plugin üçün yeganə parametr konfiqurasiyasıdır, amma yaxşı rəylər var.

Tənbəl yükləyin Şərhlər

14. WP YouTube Lyte

WP YouTube Lyte tənbəl yükləmə videoları üçün ən sevdiyim (və ən yaxşı nəzərdən keçirilmiş) eklentilərimdən biridir. Bütün ətraflarda yaxşı plugin rəyləri almağa çalışan Autoptimize-də komanda tərəfindən yaradılmışdır.

WP YouTube Lyte plugin

WP YouTube Lyte-də Yalnış Yükləməni necə Yandırmaq olar
WP YouTube Lyte-də yükləməni aktivləşdirmək üçün Parametrlər-ə keçin > WP YouTube Lyte. Özünüzü tutun YouTube API Açarı və Autoptimize daxil edin. İstiqamətlərinizi, oyunçunun mövqeyini, HD-ni daxil etməyi, normal YouTube bağlantısı / iframe kimi davranmağı və mikdata əlavə etməyinizi seçin. Yerli məkanları önbelleğe çıxarmaq, YouTube videolarını taxarkən GTmetrix səhvlərini tez-tez düzəldə bilər.

YouTube Thumbnails GTmetrix

Wp YouTube Lite Ayarları

Hələ kömək lazımdır?

WordPress sürətinin optimallaşdırılması ilə bağlı əla bir videom var:

Şəkilləri optimallaşdırmaq, WP Roketini konfiqurasiya etmək, server cavablarını azaltmaq və sair üçün dərslərim var. Bu tövsiyələrdən istifadə edərək yazılarımın təxminən hər birində 100% (və ya yaxın) GTmetrix bal toplamağı bacarıram. Suallarınız varsa, mənə şərh yazmaqdan çekinmeyin – kömək etməkdən məmnunam!

Tez-tez soruşulan suallar

&# x2705; Tənbəl yükləmə şəkilləri üçün hansı plugin ən yaxşısıdır?

Artıq tənbəl yükü dəstəkləyən bir ön plakandan istifadə edirsinizsə (məsələn. WP Rocket, SG Optimizer, W3TC, Swift, LiteSpeed), əvvəlcə cəhd etmək yaxşıdır. Əks təqdirdə, Autoptize və ya WP Rocket tərəfindən Lazy Yük plaginləri yaxşı tənbəl yük plaginləridir.

&# x2705; Tənbəl yükləmə videoları haqqında?

WP Rocket və bəzi digər ön plaginlər sizə tənbəl videolar yükləməyinizə imkan verir və YouTube iframe-i əvvəlcədən görüntülənən şəkil ilə əvəz edir. Əks təqdirdə WP YouTube Lyte işləyəcək.

&# x2705; Tənbəl yükləmə istifadəçi təcrübəsinə zərər verir?

Şəkilləri bu veb saytında yükləməyə tənbəllik etmirəm, ancaq yükləmək üçün daha uzun vaxt tələb etdikləri üçün tənbəl yükləyirəm. Yalançı yükləmə şəkilləri istifadəçilər üçün əsəbi ola bilər və mənsubiyyət satışlarını azaldıb, buna görə əlil etdim.

&# x2705; Tənbəl yükləmə nə edir?

Tənbəl yükləmə, istifadəçilər səhifəni aşağı sürüklədikcə və onları görməyincə şəkillər və videolar yükləməyi gözləməklə ilkin yükləmə müddətini sürətləndirir.

&# x2705; Xüsusi səhifələrdə tənbəl yükü necə ləğv etmək olar?

Əksər pluginlər bunu etməyə imkan verir. Məsələn, WP Roket istifadə edirsinizsə və bir səhifə və ya yazı redaktə edirsinizsə, tablosunuzda həmin xüsusi tərkib hissəsindəki tənbəl yükü söndürmək (və ya aktivləşdirmək) üçün bir seçim görəcəksiniz.

Salamlar,
Tom

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map