Sayt performansı

0 Replies 102 Views
·

Leave a rating: Sayt performansı

You have already rated this thread. Re-rating it will remove your existing rating or review.

Rating:

Raters: Sayt performansı

Participants
Thread Starter #0
Salam dostlar,

Sayt performansının bu günkü rəqabətli rəqəmsal dünyada nə qədər vacib olduğunu yəqin ki, hamımız bilirik. Təkcə istifadəçi təcrübəsi üçün deyil, həm də SEO üçün sürətli bir sayt kritik əhəmiyyət kəsb edir. Mən də bu mövzuda bəzi əsas addımları sizinlə bölüşmək istərdim.

1. Şəkillərin Optimizasiyası
Saytların yüklənmə sürətinə ən çox təsir edən faktorlardan biri şəkillərdir.
  • Sıxılma: Şəkilləri keyfiyyəti itirmədən sıxmaq üçün onlayn alətlərdən (məsələn, TinyPNG) və ya proqramlardan istifadə edin.
  • Doğru format: Şəffaf fon tələb olunmayan yerlərdə JPG, daha keyfiyyətli qrafiklər üçün PNG, müasir brauzerlər üçün isə daha effektiv olan WebP formatına üstünlük verin.
  • Ölçülərin tənzimlənməsi: Şəkilləri saytda görünəcəyi ölçüdə yükləyin. Məsələn, 500x300 piksel görünəcək şəkli 2000x1200 piksel olaraq yükləməyin.
  • Lazy Loading: İstifadəçi səhifəni aşağıya sürüşdürdükcə şəkillərin yüklənməsini təmin edən "Lazy Loading" texnikasından istifadə edin. Bu, ilkin səhifə yüklənməsini sürətləndirir.

2. Kodu Minimize Etmək (Minification)
HTML, CSS və JavaScript fayllarındakı boşluqları, şərhləri və lazımsız simvolları silərək fayl ölçülərini kiçiltmək performansa müsbət təsir edir.
CODE
12345678910
// Nümunə JavaScript kodu (minification-dən əvvəl)
function calculateSum(a, b) {
  // Bu funksiya iki ədədin cəmini hesablayır
  let result = a + b;
  return result;
}

// Minification-dən sonra
function calculateSum(a,b){let r=a+b;return r;}

Bu proses üçün bir çox plagin və ya onlayn alətlər mövcuddur.

3. Brauzer Keşləməsi (Browser Caching)
Brauzer keşləməsi, istifadəçilərin saytınıza təkrar daxil olduqlarında bəzi statik faylları (şəkillər, CSS, JS) yenidən yükləmək əvəzinə, lokal olaraq saxlamasına imkan verir. Bu, yüklənmə sürətini xeyli artırır. Bunu .htaccess faylı vasitəsilə tətbiq edə bilərsiniz:
CODE
12345678910
<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/jpg "access plus 1 year"
  ExpiresByType image/jpeg "access plus 1 year"
  ExpiresByType image/gif "access plus 1 year"
  ExpiresByType image/png "access plus 1 year"
  ExpiresByType text/css "access plus 1 month"
  ExpiresByType application/javascript "access plus 1 month"
</IfModule>


4. Server Cavab Müddətini Yaxşılaşdırmaq
Serverin sorğulara cavab vermə müddəti (TTFB - Time To First Byte) ümumi yüklənmə sürətinə birbaşa təsir edir.
  • Yaxşı hostinq: Keyfiyyətli və etibarlı hostinq provayderi seçin. Paylaşılan hostinq əvəzinə VPS və ya ayrılmış serverlər daha yaxşı performans təmin edə bilər.
  • Verilənlər bazası optimizasiyası: Verilənlər bazasını mütəmadi olaraq optimallaşdırın, lazımsız məlumatları silin və indeksləməni düzgün qurun.
  • CDN istifadəsi: Məzmun Çatdırılma Şəbəkəsi (CDN) istifadəçilərə saytınızın məzmununu coğrafi olaraq ən yaxın serverdən çatdıraraq yüklənmə sürətini artırır.

5. HTTP Sorğularının Sayını Azaltmaq
Hər bir fayl (şəkil, CSS, JS) üçün brauzer serverə bir HTTP sorğusu göndərir. Bu sorğuların sayını azaltmaq performansı yaxşılaşdırır.
  • CSS Sprites: Bir neçə kiçik şəkli tək bir böyük şəkilə birləşdirib CSS ilə istifadə edin.
  • Faylları birləşdirmək: Bir neçə CSS faylını bir, bir neçə JavaScript faylını isə bir faylda birləşdirin.

6. Sıxılmadan İstifadə (Gzip/Brotli)
Server tərəfində Gzip və ya Brotli sıxılmasını aktivləşdirmək, saytınızın məzmununu (HTML, CSS, JS) istifadəçinin brauzerinə göndərməzdən əvvəl sıxır. Bu, ötürülən məlumatın ölçüsünü xeyli azaldır və yüklənmə sürətini artırır. Çox vaxt hostinq provayderləri bunu panel vasitəsilə aktivləşdirməyə imkan verir.

Bu addımları tətbiq etməklə saytınızın performansını əhəmiyyətli dərəcədə yaxşılaşdıra bilərsiniz. Unutmayın ki, optimizasiya davamlı bir prosesdir və mütəmadi olaraq yoxlamalar aparmaq vacibdir. Əlavə suallarınız olsa, buyurun!

You must be logged in to reply.

0 quotes selected