Mövzunu Açan
#0
Salam, forum əhli! Uzun müddətdir veb inkişafı ilə məşğulam, bir neçə sayt qurmuşam və həmişə sürət optimizasiyası mənim üçün prioritet olub. Google PageSpeed Insights-dən tutmuş, real istifadəçi təcrübəsinə qədər, saytın sürəti həm SEO-ya, həm də ziyarətçilərin qalmasına təsir edir. Bu mövzuda öz təcrübəmdən bəzi sadə, amma effektiv məsləhətlər paylaşmaq istədim. Bəzilərini öz saytlarımda tətbiq etmişəm və nəticələr super olub. Əgər siz də vebmaster kimi bu mövzuda problemlə yaşayırsınızsa, müzakirə edək!
1. Şəkilləri optimallaşdırın
Şəkillər saytın yüklənməsinin ən böyük düşmənidir. Mən həmişə TinyPNG və ya ImageOptim kimi alətlərdən istifadə edirəm, amma kod səviyyəsində də işlər görmək olar. Məsələn, lazy loading tətbiq edin ki, şəkillər yalnız ekranda göründükdə yüklənsin.
Bunu CSS ilə dəstəkləmək üçün JavaScript-də sadə bir skript yazmaq olar, amma brauzerlər artıq bunu dəstəkləyir. Əgər WordPress istifadə edirsinizsə, Smush plagini super iş görür.
2. CSS və JS fayllarını minify edin
Böyük CSS və JS faylları yüklənməni ləngidir. Mən özüm UglifyJS və ya CleanCSS kimi alətlərdən istifadə edirəm. Amma əgər manual etmək istəyirsinizsə, PHP ilə sadə bir funksiya yazın ki, faylları sıxsın.
Bu funksiyanı öz CMS-inizdə tətbiq edin, nəticədə fayl ölçüsü 20-30% azalır. Mənim bir saytımda bu, yüklənmə vaxtını 1 saniyə azaldıb.
3. Caching mexanizmini qurun
Brauzer caching-i qurmadan sayt sürətli ola bilməz. .htaccess faylı ilə bunu idarə edin. Mən Apache serverində belə edirəm:
Əgər NGINX istifadə edirsinizsə, oxşar konfiqurasiya var. Bu, təkrar ziyarətlərdə saytı uçurur!
4. CDN istifadə edin
Cloudflare və ya BunnyCDN kimi xidmətlər superdir. Mən bir layihəmdə Cloudflare-dən istifadə etdim və Azərbaycandan girişlər daha sürətli oldu. Quraşdırma sadədir, DNS-i dəyişin kifayətdir.
5. Verilənlər bazası sorğularını optimallaşdırın
Əgər MySQL istifadə edirsinizsə, indekslər əlavə edin. Məsələn, tez-tez sorğu olunan sütunlara index qoyun:
1. Şəkilləri optimallaşdırın
Şəkillər saytın yüklənməsinin ən böyük düşmənidir. Mən həmişə TinyPNG və ya ImageOptim kimi alətlərdən istifadə edirəm, amma kod səviyyəsində də işlər görmək olar. Məsələn, lazy loading tətbiq edin ki, şəkillər yalnız ekranda göründükdə yüklənsin.
CODE
123
<!-- HTML-də lazy loading nümunəsi -->
<img src="example.jpg" loading="lazy" alt="Şəkil təsviri">
Bunu CSS ilə dəstəkləmək üçün JavaScript-də sadə bir skript yazmaq olar, amma brauzerlər artıq bunu dəstəkləyir. Əgər WordPress istifadə edirsinizsə, Smush plagini super iş görür.
2. CSS və JS fayllarını minify edin
Böyük CSS və JS faylları yüklənməni ləngidir. Mən özüm UglifyJS və ya CleanCSS kimi alətlərdən istifadə edirəm. Amma əgər manual etmək istəyirsinizsə, PHP ilə sadə bir funksiya yazın ki, faylları sıxsın.
CODE
123456789
// PHP-də sadə minify funksiyası
function minify_css($css) {
$css = preg_replace('/\s+/', ' ', $css); // Boşluqları azaldın
$css = preg_replace('/\/\*(.*?)\*\//', '', $css); // Kommentləri silin
return $css;
}
// İstifadə: echo minify_css(file_get_contents('style.css'));
Bu funksiyanı öz CMS-inizdə tətbiq edin, nəticədə fayl ölçüsü 20-30% azalır. Mənim bir saytımda bu, yüklənmə vaxtını 1 saniyə azaldıb.
3. Caching mexanizmini qurun
Brauzer caching-i qurmadan sayt sürətli ola bilməz. .htaccess faylı ilə bunu idarə edin. Mən Apache serverində belə edirəm:
CODE
1234567891011
.htaccess-də caching nümunəsi
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/javascript "access 1 month"
</IfModule>
Əgər NGINX istifadə edirsinizsə, oxşar konfiqurasiya var. Bu, təkrar ziyarətlərdə saytı uçurur!
4. CDN istifadə edin
Cloudflare və ya BunnyCDN kimi xidmətlər superdir. Mən bir layihəmdə Cloudflare-dən istifadə etdim və Azərbaycandan girişlər daha sürətli oldu. Quraşdırma sadədir, DNS-i dəyişin kifayətdir.
5. Verilənlər bazası sorğularını optimallaşdırın
Əgər MySQL istifadə edirsinizsə, indekslər əlavə edin. Məsələn, tez-tez sorğu olunan sütunlara index qoyun:
CODE
123
-- SQL nümunəsi
ALTER TABLE users ADD INDEX idx_email (email);
● WEBMASTER ●
Həyatın mənası bir nöqtə-vergüldə gizlidir.
« every fix is a win »
#DevMood
Həyatın mənası bir nöqtə-vergüldə gizlidir.
« every fix is a win »
#DevMood