Shopify mağazasının yüklənmə sürəti, ziyarətçilərin məhsullara əsəbləşmədən baxmasına kömək edən funksional bir vitrin saxlamaq üçün texniki tələbdir. Mağazanızın sürətini artırmaq, liquid şablonlarınızın performansını təhlil etməyi, tətbiqləri idarə etməyi və vizual aktivlərinizin veb üçün optimallaşdırılmasını təmin etməyi əhatə edir. Shopify tərəfindən təmin edilən daxili hesabatlardan istifadə edərək, mağazanızın texniki diqqət tələb edən xüsusi sahələrini müəyyən edə və səhifələrinizin tipik bir müştəri üçün interaktiv hala gəlmə vaxtını azaltmaq üçün dəyişikliklər tətbiq edə bilərsiniz.
Shopify Onlayn Mağaza sürət hesabatından necə istifadə edə bilərsiniz?
Shopify, dönüşüm nisbətlərinizə təsir edə biləcək performans problemlərini müəyyən etmək üçün Onlayn Mağaza sürət hesabatından istifadə etməyi tövsiyə edir. Bu hesabat Shopify admin panelinizdə Analitika bölməsində yerləşir. O, mağazanızın platformadakı digər mağazalarla müqayisədə necə performans göstərdiyini təmsil edən bir xal təqdim edir. Bu hesabatı açdığınız zaman, o, zamanla bir trend xətti göstərir və bu, son yeniləmələrinizin və ya tətbiq quraşdırmalarınızın performansda azalmaya səbəb olub-olmadığını görməyə imkan verir. Ümumi bir nümunə odur ki, mağaza sürəti böyük dizayn dəyişikliklərindən və ya xüsusi funksionallıq əlavə edildikdən sonra dəyişir, buna görə də hər böyük yeniləmədən sonra bu hesabatı yoxlamaq mağaza sahibləri üçün yaxşı bir təcrübədir.
Hesabat sürət xalınızı veb performansı üçün sənaye standartlarına əsasən sürətli, orta və ya yavaş olaraq kateqoriyalara ayırır. O, xüsusilə tema kodunuzun və tətbiqlərinizin brauzerlə necə qarşılıqlı əlaqədə olduğuna baxır. Mağazanız yavaş statusu göstərirsə, hesabat tez-tez gecikməyə hansı komponentlərin töhfə verdiyi barədə xüsusi məlumatlar təqdim edir. Bu məlumatları mütəmadi olaraq nəzərdən keçirərək, vitrininizin hansı hissələrinin ləngidiyini təxmin etməkdən qaça və bunun əvəzinə səylərinizi Shopify-ın darboğaz kimi müəyyən etdiyi xüsusi elementlərə yönəldə bilərsiniz. Bu hesabat, mağazanızın texniki təməllərini yaxşılaşdırmağa qərar verdiyiniz zaman baxmalı olduğunuz ilk yerdir.
Shopify mağazasının yüklənmə sürətini artırmaq üçün şəkilləri optimallaşdırmalısınızmı?
Bəli, Shopify saytınızın cavabdeh qalmasını təmin etmək üçün ən effektiv yollardan biri kimi səhifə yüklənmə vaxtlarını yaxşılaşdırmaq üçün şəkil ölçülərini optimallaşdırmağı təklif edir. Yüksək keyfiyyətli məhsul fotoları e-ticarət üçün vacibdir, lakin düzgün formatlanmadıqda onlar asanlıqla səhifənizdəki ən ağır aktivlərə çevrilə bilər. Əgər bir neçə meqabayt ölçüsündə şəkillər yükləsəniz, brauzerin bu faylları yükləməsi və göstərməsi əhəmiyyətli dərəcədə daha çox vaxt aparır ki, bu da istifadəçiləriniz üçün daha yavaş yüklənmə vaxtına birbaşa təsir edir.
Bunu idarə etmək üçün aşağıdakı şəkil optimallaşdırma strategiyasını nəzərdən keçirin:
- Şəkillərinizi Shopify-a yükləməzdən əvvəl ekranda göstəriləcəkləri ölçülərə uyğunlaşdırın.
- Vizual keyfiyyətdə əhəmiyyətli itki olmadan daha kiçik fayl ölçüləri təklif edən WebP və ya sıxılmış JPEG kimi müasir fayl formatlarından istifadə edin.
- Tema parametrlərinizdə genişliyi 2000 pikseldən çox olan tam enli qəhrəman bannerləri kimi lazımsız dərəcədə böyük şəkillərdən istifadə etməyin.
- Ziyarətçinin cihazına əsasən ən uyğun şəkil ölçüsünü avtomatik təqdim edən yerli Shopify şəkil emalı funksiyalarından istifadə edin.
Üçüncü tərəf tətbiqləri niyə mağaza performansınıza təsir edir?
Shopify mağazanıza əlavə etdiyiniz hər bir tətbiq adətən tema kodunuza əlavə skriptlər daxil edir. Bu tətbiqlər rəylər, loyallıq proqramları və ya pop-uplar kimi funksionallıq təklif etsə də, onlar həmçinin səhifə hazır olmazdan əvvəl brauzerdən əlavə faylları yükləməyi tələb edir. Tipik bir hesabda, iyirmi və ya daha çox aktiv tətbiqə sahib olmağın yüklənmə sürətində nəzərəçarpacaq dərəcədə azalmaya səbəb olduğunu görürük. Bəzi tətbiqlər JavaScript fayllarını sinxron şəkildə yükləyir ki, bu da həmin tətbiq skripti yüklənib bitənə qədər səhifənin qalan hissəsinin göstərilməsini bloklayır.
Mağazanızın sürəti ilə bağlı narahatlığınız varsa, quraşdırılmış tətbiqlərinizin müntəzəm auditini aparın. Mağazanızın etdiyi xarici sorğuların sayını azaltmaq üçün artıq aktiv istifadə etmədiyiniz tətbiqləri silin. Saxlamalı olduğunuz tətbiqlər üçün tərtibatçının skriptləri asinxron şəkildə yükləmək və ya tətbiqi yalnız məhsul və ya ödəniş səhifələri kimi xüsusi səhifələrdə yükləmək üçün parametrlər təqdim edib-etmədiyini yoxlayın. Bu hədəflənmiş yanaşma mağazanızın kodu yalnız tamamilə lazım olan yerdə icra etməsini təmin edir.
Alien Road performans optimallaşdırmasını necə tətbiq edir
Alien Road-da biz mağaza performansına Shopify Onlayn Mağaza sürət hesabatından istifadə edərək baza xətti yaratmaqla yanaşırıq. Biz təxminlərə güvənmirik; bunun əvəzinə, müştərinin saytının cari vəziyyətini başa düşmək üçün platforma tərəfindən təmin edilən xüsusi göstəricilərə baxırıq. Tipik bir iş zamanı, liquid renderinqin səmərəli olmasını və heç bir artıq skriptin təkrar-təkrar çağırılmamasını təmin etmək üçün aktiv temanın kodunu nəzərdən keçiririk. Biz zamanla yığılan texniki borcları, məsələn, silinmiş tətbiqlərdən qalan köhnəlmiş fraqmentləri aradan qaldırmağa diqqət yetiririk.
Məsələn, bir müştəri bizə yavaş yüklənən mağaza ilə gələrsə, biz onların məhsul şəkillərinin ölçüsünü və vitrində işləyən tətbiqlərin sayını yoxlamaqla başlayırıq. Sonra mümkün olduqda ağır tətbiq əsaslı funksiyaları yerli tema funksionallığı ilə əvəz etmək üçün bir plan hazırlayırıq. Biz həmçinin temanın xüsusi JavaScript və CSS fayllarını minimuma endirilməsini və effektiv şəkildə təqdim olunmasını təmin etmək üçün audit edirik. Məqsədimiz marketinq funksiyalarına olan ehtiyacı, ziyarətçiləri cəlb edən sürətli, cavabdeh istifadəçi təcrübəsi üçün texniki tələblə tarazlaşdırmaqdır.
Mağaza sürətində temanızın rolu nədir?
Shopify temanız mağazanızın vizual dizaynının təməlidir və çox vaxt saytınızın nə qədər sürətli yüklənə biləcəyini müəyyən edir. Bəzi temalar bir çox daxili funksiyalarla qurulub, digərləri isə minimalistdir. Animasiyalar, böyük videolar və çoxsaylı mürəkkəb bölmələrlə ağır yüklənmiş bir tema ümumi səhifə çəkisini əhəmiyyətli dərəcədə artıra bilər. Temanızı seçərkən və ya yeniləyərkən, təqdim olunan funksiyaların biznes modeliniz üçün lazım olub-olmadığını nəzərdən keçirin. Sadə aksesuarlar satan bir mağazanın mürəkkəb məhsul filtrləməsinə malik yüksək həcmli tacir üçün nəzərdə tutulmuş temaya ehtiyacı yoxdur.
Cari temanızın yavaş sürət xalının əsas mənbəyi olduğunu görürsünüzsə, nəzərdən keçirə biləcəyiniz bir neçə seçiminiz var. Birincisi, tema redaktorunuzda istifadə olunmayan bölmələri və ya funksiyaları söndürməyə imkan verən parametrləri axtarın. Bir çox müasir Shopify temaları məhsul böyütməsi, sonsuz sürüşmə və ya lazımsız sosial media lentləri kimi xüsusi skriptləri və ya funksiyaları söndürməyə imkan verir. Tema konfiqurasiyasını sadələşdirməklə, vitrinin nə qədər tez interaktiv hala gəldiyində dərhal yaxşılaşma görə bilərsiniz.
Problemli tətbiq skriptlərini necə müəyyən etmək olar?
Hansı tətbiqin gecikməyə səbəb olduğunu müəyyən etmək metodik yanaşma tələb edir. Brauzerinizin tərtibatçı alətlərini, xüsusən də saytınızı yükləyərkən brauzerinizin yüklədiyi bütün faylları göstərən Şəbəkə (Network) sekmesini yoxlamaqla başlayın. Yüklənməsi uzun çəkən və ya xarici domenlərdən gələn faylları axtarın. Bu fayllar çox vaxt quraşdırdığınız tətbiqlərə uyğun gəlir. Nadir hallarda istifadə etdiyiniz bir tətbiqdən böyük bir skript görürsünüzsə, bu, tətbiqin silinməyə namizəd ola biləcəyinin aydın əlamətidir.
Tətbiqlərinizin əsas auditini aparmaq üçün bu addımları izləyin:
- Ana səhifənizdə brauzerinizin tərtibatçı alətlərini açın.
- Səhifəni yeniləyin və Şəbəkə sekmesindəki şəlalə diaqramına baxın.
- Uzun gözləmə müddəti və ya böyük fayl ölçüsü olan skriptləri müəyyən edin.
- Bu skriptləri quraşdırılmış tətbiqlər siyahınızla çarpaz yoxlayın.
- Ölçülə bilən bir fərq olub olmadığını görmək üçün tətbiq deaktiv edildikdə sayt sürətinizi yoxlayın.
Bu həftə haradan başlamaq lazımdır?
Optimizasiya işinizə admin panelinizdə Shopify Onlayn Mağaza sürət hesabatını açmaqla başlayın. Gələcək müqayisələr üçün baza xətti kimi istifadə etmək üçün cari xalınızın skrinşotunu çəkin. Bu rəqəmi əldə etdikdən sonra, əvvəlcə şəkil aktivlərinizə diqqət yetirin, çünki onlar adətən düzəldilməsi ən asan olan və ən dərhal təsir göstərən elementlərdir. Bütün məhsul fotolarınızın sıxıldığından və müvafiq ölçülərə uyğunlaşdırıldığından əmin olun. Şəkilləri həll etdikdən sonra, dönüşüm məqsədlərinizə birbaşa töhfə verməyənləri silərək quraşdırılmış tətbiqlərinizi audit etməyə keçin.
Nəhayət, hazırda istifadə olunmayan funksiyaları söndürmək üçün tema parametrlərinizi nəzərdən keçirin. Bütün temanızı dəyişməyə və ya bütün tətbiqlərinizi birdən silməyə çalışmayın, çünki bu, mağazanızın funksionallığını poza bilər. Bunun əvəzinə, hər dəfə bir dəyişiklik tətbiq edin, hər addımdan sonra saytınızın performansını yoxlayın və mağazanızın gözlənildiyi kimi işlədiyini təsdiqləyin. Bu kiçik, ardıcıl addımları atmaqla, Shopify mağazanızın yüklənmə sürətini artıra və mürəkkəb texniki işlərə ehtiyac olmadan müştəriləriniz üçün daha yaxşı təcrübə təmin edə bilərsiniz.